@hsuite/native-connect-angular 1.0.0 → 2.1.1

package/dist/fesm2022/hsuite-native-connect-angular.mjs

@@ -14,7 +14,8 @@ import SignClient from '@walletconnect/sign-client';
 import { toObservable } from '@angular/core/rxjs-interop';
 import { copyToClipboard } from '@hsuite/native-connect-ui';
 import * as QRCode from 'qrcode';
-import { Subscription } from 'rxjs';
+import { Subscription, firstValueFrom, catchError, from, switchMap, throwError } from 'rxjs';
+import { HttpClient, HttpErrorResponse } from '@angular/common/http';
 import { PublicKey, KeyList, TransferTransaction, AccountId, Hbar, TokenId, NftId, TokenAssociateTransaction, TokenDissociateTransaction, ScheduleCreateTransaction, TokenCreateTransaction, TokenType, TokenSupplyType, TokenMintTransaction, TokenBurnTransaction, TopicCreateTransaction, TopicMessageSubmitTransaction, AccountCreateTransaction, PrivateKey, AccountUpdateTransaction, TransactionId, BatchTransaction, Client } from '@hashgraph/sdk';
 
 /**
@@ -197,6 +198,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 type: Output
             }] } });
 
+/**
+ * HSuite Native Connect
+ * Copyright 2024-2025 HSuite (https://hsuite.finance)
+ *
+ * SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0
+ *
+ * This file is part of HSuite Native Connect. For commercial licensing,
+ * visit https://hsuite.finance/licensing
+ */
+/**
+ * Open, string-keyed registry of {@link LedgerUiDescriptor}s.
+ *
+ * A static registry (like `AccountLabelManager`) because ledger presentation is
+ * process-global — Ionicons' own icon table is global too. Mirrors the core
+ * `LedgerRegistry` shape (`register` / `get` / `has` / `list`) so the two read
+ * the same way.
+ */
+class LedgerUIRegistry {
+    static descriptors = new Map();
+    /** Whether {@link registerIcons} has already flushed SVGs to Ionicons. */
+    static iconsFlushed = false;
+    /**
+     * Register (or replace) the presentation descriptor for a ledger.
+     *
+     * If icons were already flushed to Ionicons (i.e. {@link registerIcons} ran),
+     * the new ledger's SVG is registered immediately so late registrations still
+     * render.
+     *
+     * @param descriptor - The ledger's presentation contract.
+     */
+    static register(descriptor) {
+        LedgerUIRegistry.descriptors.set(descriptor.id, descriptor);
+        if (LedgerUIRegistry.iconsFlushed) {
+            addIcons({ [descriptor.iconName]: descriptor.iconSvg });
+        }
+    }
+    /**
+     * Look up a ledger's presentation descriptor.
+     *
+     * @param ledgerId - Canonical ledger id (case-sensitive; callers normalise).
+     * @returns The descriptor, or `undefined` if the ledger is not registered.
+     */
+    static get(ledgerId) {
+        return LedgerUIRegistry.descriptors.get(ledgerId);
+    }
+    /**
+     * @param ledgerId - Canonical ledger id.
+     * @returns `true` if a descriptor is registered for `ledgerId`.
+     */
+    static has(ledgerId) {
+        return LedgerUIRegistry.descriptors.has(ledgerId);
+    }
+    /**
+     * @returns All registered descriptors, in registration order.
+     */
+    static list() {
+        return Array.from(LedgerUIRegistry.descriptors.values());
+    }
+    /**
+     * Flush every registered ledger's brand SVG to Ionicons so the icons resolve
+     * by name from `<ion-icon>`. Idempotent and cheap to call repeatedly — call it
+     * before the icons are first rendered (e.g. from a component constructor or
+     * once at app bootstrap).
+     */
+    static registerIcons() {
+        if (LedgerUIRegistry.iconsFlushed) {
+            return;
+        }
+        const icons = {};
+        for (const descriptor of LedgerUIRegistry.descriptors.values()) {
+            icons[descriptor.iconName] = descriptor.iconSvg;
+        }
+        addIcons(icons);
+        LedgerUIRegistry.iconsFlushed = true;
+    }
+}
+// ---------------------------------------------------------------------------
+// Built-in ledgers
+//
+// The only place the first-party ledger set is enumerated. Adding a new
+// first-party chain is one more `register(...)` here; everything downstream
+// (icons, colours, names, the connection modal's "Choose Blockchain" step)
+// derives from these descriptors.
+// ---------------------------------------------------------------------------
+LedgerUIRegistry.register({
+    id: 'hedera',
+    displayName: 'Hedera',
+    shortName: 'Hedera',
+    currencySymbol: 'HBAR',
+    currencyDecimals: 8,
+    brandColor: '#8259ef',
+    badgeColor: 'success',
+    iconName: 'ledger-hedera',
+    // Brand disc themed with `brandColor` (#8259ef) + a white "H" so the mark stays
+    // brand-correct and legible on any background (incl. the dark modal card).
+    iconSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none"><path fill="#8259ef" d="M12 4a8 8 0 1 0 0 16a8 8 0 0 0 0-16"/><path fill="#fff" d="M15.252 15.46h-1.016V13.3H9.764v2.16H8.748V8.456h1.016v2.108h4.472V8.456h1.016zm-5.44-2.968h4.472v-1.116H9.812z"/></g></svg>`,
+    tokenIconUrl: 'https://assets.coingecko.com/coins/images/3688/standard/hbar.png?1696504364',
+});
+LedgerUIRegistry.register({
+    id: 'xrpl',
+    displayName: 'XRP Ledger',
+    shortName: 'XRPL',
+    currencySymbol: 'XRP',
+    currencyDecimals: 6,
+    brandColor: '#23292f',
+    badgeColor: 'tertiary',
+    iconName: 'ledger-xrpl',
+    // `currentColor` so the mark adopts the host `<ion-icon>` colour — the XRPL
+    // brand black (#23292f) is invisible on the dark modal card, so the icon
+    // inherits the theme colour while `brandColor` stays the canonical accent.
+    iconSvg: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M21.778 4h-2.837l-4.49 4.371a3.52 3.52 0 0 1-2.451.99a3.52 3.52 0 0 1-2.452-.99L5.062 4h-2.84L8.13 9.754c2.14 2.083 5.607 2.083 7.745 0zM2.223 20H5.05l4.508-4.385a3.5 3.5 0 0 1 2.443-.985c.914 0 1.792.354 2.443.985L18.952 20h2.826l-5.92-5.761c-2.132-2.073-5.585-2.073-7.715 0z"/></svg>`,
+    tokenIconUrl: 'https://assets.coingecko.com/coins/images/44/standard/xrp-symbol-white-128.png?1696501442',
+});
+
 /**
  * HSuite Native Connect
  * Copyright 2024-2025 HSuite (https://hsuite.finance)
@@ -241,11 +356,9 @@ class AccountFormattingService {
      * @returns Display name
      */
     getLedgerName(ledgerId) {
-        const names = {
-            hedera: 'Hedera',
-            xrpl: 'XRPL',
-        };
-        return names[ledgerId?.toLowerCase()] || ledgerId?.toUpperCase() || 'Unknown';
+        return (LedgerUIRegistry.get(ledgerId?.toLowerCase())?.shortName ||
+            ledgerId?.toUpperCase() ||
+            'Unknown');
     }
     /**
      * Get color for a ledger badge.
@@ -254,11 +367,7 @@ class AccountFormattingService {
      * @returns Ionic color name
      */
     getLedgerColor(ledgerId) {
-        const colors = {
-            hedera: 'success',
-            xrpl: 'tertiary',
-        };
-        return colors[ledgerId?.toLowerCase()] || 'medium';
+        return LedgerUIRegistry.get(ledgerId?.toLowerCase())?.badgeColor || 'medium';
     }
     /**
      * Format network display name with proper casing.
@@ -651,61 +760,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  */
 /**
  * @module LedgerIconsUtil
- * Utilities for getting default icon URLs for ledgers and their native tokens.
  *
- * Uses CoinGecko's public CDN for reliable, high-quality token icons.
- * Shared across wallet and dApp for consistency.
+ * Backward-compatible facade over {@link LedgerUIRegistry}.
+ *
+ * Every value here is **derived from the registry** so there is exactly one
+ * source of truth for ledger presentation. New code should prefer
+ * {@link LedgerUIRegistry} directly (it is open/extensible and richer); these
+ * getters and constant maps remain for the existing public API surface.
+ *
+ * The constant maps below are snapshots taken at module load — they include the
+ * built-in ledgers (Hedera, XRPL). Ledgers registered later at runtime are
+ * always reachable through the getters and {@link LedgerUIRegistry}, but will
+ * not retroactively appear in these legacy snapshots; prefer the registry when
+ * extensibility matters.
  */
 /**
- * Default icon URLs for native ledger tokens
+ * Default raster icon URLs for native ledger tokens, keyed by ledger id.
+ * Derived from {@link LedgerUiDescriptor.tokenIconUrl}.
  */
-const DEFAULT_LEDGER_ICONS = {
-    hedera: 'https://assets.coingecko.com/coins/images/3688/standard/hbar.png?1696504364',
-    xrpl: 'https://assets.coingecko.com/coins/images/44/standard/xrp-symbol-white-128.png?1696501442',
-};
+const DEFAULT_LEDGER_ICONS = Object.fromEntries(LedgerUIRegistry.list()
+    .filter((descriptor) => descriptor.tokenIconUrl)
+    .map((descriptor) => [descriptor.id, descriptor.tokenIconUrl]));
 /**
- * Brand colors for each ledger
+ * Brand colours (hex) for each ledger, keyed by ledger id.
+ * Derived from {@link LedgerUiDescriptor.brandColor}.
  */
-const LEDGER_COLORS = {
-    hedera: '#8259ef',
-    xrpl: '#23292f',
-};
+const LEDGER_COLORS = Object.fromEntries(LedgerUIRegistry.list().map((descriptor) => [descriptor.id, descriptor.brandColor]));
 /**
- * Display names for each ledger
+ * Display names for each ledger, keyed by ledger id.
+ * Derived from {@link LedgerUiDescriptor.displayName}.
  */
-const LEDGER_NAMES = {
-    hedera: 'Hedera',
-    xrpl: 'XRP Ledger',
-};
+const LEDGER_NAMES = Object.fromEntries(LedgerUIRegistry.list().map((descriptor) => [descriptor.id, descriptor.displayName]));
+/**
+ * Ionicons names under which each ledger's brand SVG is registered, keyed by
+ * ledger id. Reference these from `<ion-icon [name]="...">`.
+ * Derived from {@link LedgerUiDescriptor.iconName}.
+ */
+const LEDGER_ICON_NAMES = Object.fromEntries(LedgerUIRegistry.list().map((descriptor) => [descriptor.id, descriptor.iconName]));
 /**
- * Get the default icon URL for a ledger
- * @param ledgerId - Ledger identifier (e.g., 'hedera', 'xrpl')
- * @returns Icon URL or empty string if not found
+ * Register the ledger brand SVGs with Ionicons so they can be referenced by name
+ * (see {@link LEDGER_ICON_NAMES}). Idempotent; safe to call from multiple
+ * consumers. Delegates to {@link LedgerUIRegistry.registerIcons}.
+ */
+function registerLedgerIcons() {
+    LedgerUIRegistry.registerIcons();
+}
+/**
+ * Get the default raster token icon URL for a ledger.
+ * @param ledgerId - Ledger identifier (e.g. `'hedera'`, `'xrpl'`)
+ * @returns Icon URL, or empty string if the ledger has none.
  */
 function getLedgerIcon(ledgerId) {
-    return DEFAULT_LEDGER_ICONS[ledgerId?.toLowerCase()] || '';
+    return LedgerUIRegistry.get(ledgerId?.toLowerCase())?.tokenIconUrl ?? '';
 }
 /**
- * Get the brand color for a ledger
+ * Get the brand colour (hex) for a ledger.
  * @param ledgerId - Ledger identifier
- * @returns Hex color string or primary color fallback
+ * @returns Hex colour string, or the Ionic primary CSS variable as fallback.
  */
 function getLedgerColor(ledgerId) {
-    return LEDGER_COLORS[ledgerId?.toLowerCase()] || 'var(--ion-color-primary)';
+    return LedgerUIRegistry.get(ledgerId?.toLowerCase())?.brandColor ?? 'var(--ion-color-primary)';
 }
 /**
- * Get the display name for a ledger
+ * Get the display name for a ledger.
  * @param ledgerId - Ledger identifier
- * @returns Human-readable ledger name
+ * @returns Human-readable ledger name, or the raw id if unknown.
  */
 function getLedgerName(ledgerId) {
-    return LEDGER_NAMES[ledgerId?.toLowerCase()] || ledgerId;
+    return LedgerUIRegistry.get(ledgerId?.toLowerCase())?.displayName ?? ledgerId;
 }
 /**
- * Get token icon URL, falling back to ledger default if not provided
+ * Get a token icon URL, falling back to the ledger default if not provided.
  * @param tokenIconUrl - Specific token icon URL (optional)
  * @param ledgerId - Ledger identifier for fallback
- * @returns Icon URL or empty string
+ * @returns Icon URL, or empty string.
  */
 function getTokenIcon(tokenIconUrl, ledgerId) {
     return tokenIconUrl || getLedgerIcon(ledgerId);
@@ -1301,7 +1429,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * Each event is available as both an Angular EventEmitter (for template bindings)
  * and an RxJS Observable (for advanced composition with operators).
  */
-const logger$j = getLogger().scoped?.('WalletEventBus') ?? getLogger();
+const logger$k = getLogger().scoped?.('WalletEventBus') ?? getLogger();
 /**
  * Centralized event bus for wallet events.
  *
@@ -1413,7 +1541,7 @@ class WalletEventBus {
      *
      */
     constructor() {
-        logger$j.debug('Event bus initialized');
+        logger$k.debug('Event bus initialized');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WalletEventBus, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WalletEventBus, providedIn: 'root' });
@@ -1600,7 +1728,7 @@ class BaseWalletProvider {
  * }
  * ```
  */
-const logger$i = getLogger().scoped?.('ChannelClientService') ?? getLogger();
+const logger$j = getLogger().scoped?.('ChannelClientService') ?? getLogger();
 /**
  * ChannelClientService
  *
@@ -1650,6 +1778,7 @@ class ChannelClientService {
             return {
                 id: `channel-${account.address}`,
                 address: account.address,
+                publicKey: account.publicKey,
                 label: account.alias ?? `Account ${index + 1}`,
                 ledgerId: account.ledgerId,
                 networkId: account.networkId,
@@ -1688,7 +1817,7 @@ class ChannelClientService {
      */
     async connect(config) {
         if (this._state() === 'connecting' || this._state() === 'pending') {
-            logger$i.warn('Connection already in progress');
+            logger$j.warn('Connection already in progress');
             const existing = this._currentInvite();
             if (existing)
                 return existing;
@@ -1730,7 +1859,7 @@ class ChannelClientService {
                     this.runInZone(() => {
                         const previousState = this._state();
                         if (state !== previousState) {
-                            logger$i.debug('State change via callback', { from: previousState, to: state });
+                            logger$j.debug('State change via callback', { from: previousState, to: state });
                             this._state.set(state);
                             // Handle error state - this is triggered on rejection
                             if (state === 'error') {
@@ -1755,7 +1884,7 @@ class ChannelClientService {
                 },
                 onAccountsChange: (accounts) => {
                     this.runInZone(() => {
-                        logger$i.debug('Accounts change via callback', { count: accounts.length });
+                        logger$j.debug('Accounts change via callback', { count: accounts.length });
                         this._accounts.set(accounts);
                         // Re-persist when accounts change
                         if (this._state() === 'active') {
@@ -1766,7 +1895,7 @@ class ChannelClientService {
                 onTransportChange: (transport) => {
                     this.runInZone(() => {
                         if (transport !== this._transportState()) {
-                            logger$i.debug('Transport change via callback', { state: transport });
+                            logger$j.debug('Transport change via callback', { state: transport });
                             this._transportState.set(transport);
                         }
                     });
@@ -1801,7 +1930,7 @@ class ChannelClientService {
             });
             // Store invite for reconnection
             this.storeInvite(invite);
-            logger$i.info('Channel connection initiated', {
+            logger$j.info('Channel connection initiated', {
                 channelId: invite.id.slice(0, 8),
                 type: invite.type,
             });
@@ -1809,7 +1938,7 @@ class ChannelClientService {
         }
         catch (error) {
             const message = error instanceof Error ? error.message : String(error);
-            logger$i.error('Connection failed', { error: message });
+            logger$j.error('Connection failed', { error: message });
             // Reset connecting flag on error
             this.connectingNewSession = false;
             this.runInZone(() => {
@@ -1850,7 +1979,7 @@ class ChannelClientService {
         if (state !== 'active' && state !== 'approved') {
             throw new Error(`Not connected - channel state is '${state}'. Please reconnect to the wallet.`);
         }
-        logger$i.debug('Sending RPC request', { method, state });
+        logger$j.debug('Sending RPC request', { method, state });
         return this.client.request(method, params, timeoutMs);
     }
     /**
@@ -1927,7 +2056,7 @@ class ChannelClientService {
                 await this.client.disconnect();
             }
             catch (error) {
-                logger$i.warn('Disconnect error', { error });
+                logger$j.warn('Disconnect error', { error });
             }
             this.client = null;
         }
@@ -1939,7 +2068,7 @@ class ChannelClientService {
             this._currentInvite.set(null);
             this._error.set(null);
         });
-        logger$i.info('Disconnected from channel');
+        logger$j.info('Disconnected from channel');
     }
     /**
      * Attempt to restore a previous session.
@@ -1952,7 +2081,7 @@ class ChannelClientService {
     async attemptRestore() {
         // Skip restore if a new connection is being initiated
         if (this.connectingNewSession) {
-            logger$i.debug('Skipping restore - new connection in progress');
+            logger$j.debug('Skipping restore - new connection in progress');
             return false;
         }
         const stored = this.getStoredChannel();
@@ -1968,11 +2097,11 @@ class ChannelClientService {
         // Safe to do unconditionally at this point in the project's lifecycle:
         // no dApp sessions are live in production yet.
         if (stored.localContext === undefined) {
-            logger$i.warn('Clearing legacy persisted channel without localContext — user must re-approve the dApp connection (§21.1)', { channelId: stored.id.slice(0, 8) });
+            logger$j.warn('Clearing legacy persisted channel without localContext — user must re-approve the dApp connection (§21.1)', { channelId: stored.id.slice(0, 8) });
             this.clearStoredChannel();
             return false;
         }
-        logger$i.info('Attempting session restore', {
+        logger$j.info('Attempting session restore', {
             channelId: stored.id.slice(0, 8),
         });
         this.runInZone(() => {
@@ -1985,7 +2114,7 @@ class ChannelClientService {
                     this.runInZone(() => {
                         const previousState = this._state();
                         if (state !== previousState) {
-                            logger$i.debug('State change via callback (reconnect)', {
+                            logger$j.debug('State change via callback (reconnect)', {
                                 from: previousState,
                                 to: state,
                             });
@@ -2005,7 +2134,7 @@ class ChannelClientService {
                 },
                 onAccountsChange: (accounts) => {
                     this.runInZone(() => {
-                        logger$i.debug('Accounts change via callback (reconnect)', { count: accounts.length });
+                        logger$j.debug('Accounts change via callback (reconnect)', { count: accounts.length });
                         this._accounts.set(accounts);
                         if (this._state() === 'active') {
                             this.persistCurrentState();
@@ -2015,7 +2144,7 @@ class ChannelClientService {
                 onTransportChange: (transport) => {
                     this.runInZone(() => {
                         if (transport !== this._transportState()) {
-                            logger$i.debug('Transport change via callback (reconnect)', { state: transport });
+                            logger$j.debug('Transport change via callback (reconnect)', { state: transport });
                             this._transportState.set(transport);
                         }
                     });
@@ -2038,14 +2167,14 @@ class ChannelClientService {
                 }
                 this._state.set('active');
             });
-            logger$i.info('Session restored successfully', {
+            logger$j.info('Session restored successfully', {
                 channelId: stored.id.slice(0, 8),
                 accounts: restoredAccounts.length,
             });
             return true;
         }
         catch (error) {
-            logger$i.warn('Session restore failed', {
+            logger$j.warn('Session restore failed', {
                 error: error instanceof Error ? error.message : String(error),
             });
             // Clean up the partially initialized client
@@ -2121,7 +2250,7 @@ class ChannelClientService {
                 }
                 if (clientTransport !== this._transportState()) {
                     this._transportState.set(clientTransport);
-                    logger$i.debug('Transport state updated', { state: clientTransport });
+                    logger$j.debug('Transport state updated', { state: clientTransport });
                 }
             });
             // Continue polling as long as client exists
@@ -2164,14 +2293,14 @@ class ChannelClientService {
             const persisted = this.client.exportState();
             if (persisted) {
                 localStorage.setItem(ChannelClientService.STORAGE_KEY, JSON.stringify(persisted));
-                logger$i.debug('Channel state persisted', {
+                logger$j.debug('Channel state persisted', {
                     channelId: persisted.id.slice(0, 8),
                     accounts: persisted.accounts?.length ?? 0,
                 });
             }
         }
         catch (error) {
-            logger$i.warn('Failed to persist channel state', { error });
+            logger$j.warn('Failed to persist channel state', { error });
         }
     }
     /**
@@ -2212,7 +2341,7 @@ class ChannelClientService {
             }
         }
         catch {
-            logger$i.warn('Failed to store channel');
+            logger$j.warn('Failed to store channel');
         }
     }
     /**
@@ -2226,7 +2355,7 @@ class ChannelClientService {
             }
         }
         catch {
-            logger$i.warn('Failed to retrieve stored channel');
+            logger$j.warn('Failed to retrieve stored channel');
         }
         return null;
     }
@@ -2278,7 +2407,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * 8. P2P upgrade happens automatically in background
  * ```
  */
-const logger$h = getLogger().scoped?.('HsuiteNativeProvider') ?? getLogger();
+const logger$i = getLogger().scoped?.('HsuiteNativeProvider') ?? getLogger();
 /**
  * HSuite Native Connect Provider.
  *
@@ -2364,7 +2493,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
             const isConnected = this.channelService.isConnected();
             // If we were connected but now disconnected, emit disconnect event
             if (this.previouslyConnected && !isConnected && status === 'disconnected') {
-                logger$h.info('[HsuiteNativeProvider] Channel terminated');
+                logger$i.info('[HsuiteNativeProvider] Channel terminated');
                 this.eventBus.disconnected.emit({
                     providerId: this.id,
                     providerType: 'hsuite-native',
@@ -2377,7 +2506,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
         });
         // Attempt automatic reconnect when session exists after reload
         void this.attemptReconnect().catch((error) => {
-            logger$h.debug('[HsuiteNativeProvider] Auto-reconnect skipped', { error });
+            logger$i.debug('[HsuiteNativeProvider] Auto-reconnect skipped', { error });
         });
     }
     /**
@@ -2471,10 +2600,10 @@ class HsuiteNativeProvider extends BaseWalletProvider {
         // Guard: Don't start a new connection if already connecting
         const currentStatus = this.status();
         if (currentStatus === 'connecting') {
-            logger$h.warn('Connection already in progress, ignoring duplicate request');
+            logger$i.warn('Connection already in progress, ignoring duplicate request');
             return;
         }
-        logger$h.info('Connecting to HSuite Wallet via unified channel protocol', { config });
+        logger$i.info('Connecting to HSuite Wallet via unified channel protocol', { config });
         try {
             const invite = await this.channelService.connect({
                 type: 'session',
@@ -2500,14 +2629,14 @@ class HsuiteNativeProvider extends BaseWalletProvider {
                     accounts,
                     timestamp: Date.now(),
                 });
-                logger$h.info('Connected successfully via unified channel', {
+                logger$i.info('Connected successfully via unified channel', {
                     channelId: invite.id.slice(0, 8),
                     accountCount: accounts.length,
                 });
             });
         }
         catch (error) {
-            logger$h.error('Connection failed', { error });
+            logger$i.error('Connection failed', { error });
             throw error;
         }
     }
@@ -2540,7 +2669,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
             if (wallet) {
                 // Send invite directly via BroadcastChannel - instant, no network!
                 this.localDiscoveryService.sendInvite(wallet.fingerprint, inviteUrl, config?.appId, config?.appName);
-                logger$h.info('[HsuiteNativeProvider] Sent invite via local discovery', {
+                logger$i.info('[HsuiteNativeProvider] Sent invite via local discovery', {
                     wallet: wallet.fingerprint.slice(0, 8),
                 });
                 return;
@@ -2632,7 +2761,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
      * @throws {Error} If disconnection fails (event still emitted)
      */
     async disconnect() {
-        logger$h.info('Disconnecting from HSuite Wallet');
+        logger$i.info('Disconnecting from HSuite Wallet');
         try {
             await this.channelService.disconnect();
             // Emit disconnection event
@@ -2642,10 +2771,10 @@ class HsuiteNativeProvider extends BaseWalletProvider {
                 reason: 'user_initiated',
                 timestamp: Date.now(),
             });
-            logger$h.info('Disconnected successfully');
+            logger$i.info('Disconnected successfully');
         }
         catch (error) {
-            logger$h.error('Disconnection failed', { error });
+            logger$i.error('Disconnection failed', { error });
             // Still emit event even if disconnect fails
             this.eventBus.disconnected.emit({
                 providerId: this.id,
@@ -2673,7 +2802,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
      * @throws {Error} If channel communication fails
      */
     async signTransaction(options) {
-        logger$h.info('Signing transaction', { options });
+        logger$i.info('Signing transaction', { options });
         try {
             const response = await this.channelService.signTransaction({
                 accountAddress: options.accountAddress,
@@ -2681,7 +2810,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
                 ledgerId: options.ledgerId,
                 networkId: options.networkId,
             });
-            logger$h.info('Transaction signed');
+            logger$i.info('Transaction signed');
             return {
                 signedPayload: response.signedPayload || '',
                 signature: response.signature,
@@ -2689,7 +2818,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
             };
         }
         catch (error) {
-            logger$h.error('Transaction signing failed', { error });
+            logger$i.error('Transaction signing failed', { error });
             throw error;
         }
     }
@@ -2713,7 +2842,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
      * @throws {Error} If transaction submission fails
      */
     async signAndExecuteTransaction(options) {
-        logger$h.info('signAndExecuteTransaction called (single prompt)', {
+        logger$i.info('signAndExecuteTransaction called (single prompt)', {
             accountAddress: options.accountAddress,
             ledgerId: options.ledgerId,
             networkId: options.networkId,
@@ -2750,7 +2879,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
      * @param options
      */
     async submitTransactionInternal(options) {
-        logger$h.info('Signing and submitting transaction (single prompt)', {
+        logger$i.info('Signing and submitting transaction (single prompt)', {
             accountAddress: options.accountAddress,
             ledgerId: options.ledgerId,
             networkId: options.networkId,
@@ -2768,7 +2897,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
                     innerTransactions: options.innerTransactions,
                 }),
             });
-            logger$h.info('Transaction signed and submitted successfully', {
+            logger$i.info('Transaction signed and submitted successfully', {
                 transactionId: response.transactionId,
                 transactionHash: response.transactionHash?.substring(0, 16),
             });
@@ -2779,7 +2908,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
             };
         }
         catch (error) {
-            logger$h.error('Transaction sign+submit failed', { error });
+            logger$i.error('Transaction sign+submit failed', { error });
             throw error;
         }
     }
@@ -2801,7 +2930,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
      * @throws {Error} If wallet is not connected
      */
     async signMessage(options) {
-        logger$h.info('Signing message', {
+        logger$i.info('Signing message', {
             accountAddress: options.accountAddress,
             encoding: options.encoding,
             messageLength: options.message?.length,
@@ -2814,7 +2943,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
                 ledgerId: options.ledgerId,
                 networkId: options.networkId,
             });
-            logger$h.info('Message signed successfully', {
+            logger$i.info('Message signed successfully', {
                 algorithm: response.algorithm,
                 caipChainId: response.caipChainId,
             });
@@ -2831,7 +2960,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
             };
         }
         catch (error) {
-            logger$h.error('Message signing failed', { error });
+            logger$i.error('Message signing failed', { error });
             throw error;
         }
     }
@@ -2863,7 +2992,7 @@ class HsuiteNativeProvider extends BaseWalletProvider {
      * @returns Promise resolving to true if reconnection succeeded, false otherwise
      */
     async attemptReconnect() {
-        logger$h.info('Attempting reconnect via unified channel');
+        logger$i.info('Attempting reconnect via unified channel');
         try {
             const success = await this.channelService.attemptRestore();
             if (success) {
@@ -2876,15 +3005,15 @@ class HsuiteNativeProvider extends BaseWalletProvider {
                     metadata: { autoReconnected: true },
                     timestamp: Date.now(),
                 });
-                logger$h.info('Reconnect successful');
+                logger$i.info('Reconnect successful');
             }
             else {
-                logger$h.warn('Reconnect failed - no session or unable to connect');
+                logger$i.warn('Reconnect failed - no session or unable to connect');
             }
             return success;
         }
         catch (error) {
-            logger$h.error('Reconnect failed', { error });
+            logger$i.error('Reconnect failed', { error });
             return false;
         }
     }
@@ -2919,7 +3048,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * Implements the IWalletConnectSigner interface for Hedera ledger.
  * Handles Hedera-specific JSON-RPC methods and transaction formats.
  */
-const logger$g = getLogger().scoped?.('HederaSigner') ?? getLogger();
+const logger$h = getLogger().scoped?.('HederaSigner') ?? getLogger();
 /**
  * Extract a meaningful error message from various error shapes.
  * WalletConnect SDK throws errors that are not standard Error instances.
@@ -2937,7 +3066,7 @@ const logger$g = getLogger().scoped?.('HederaSigner') ?? getLogger();
  */
 function extractErrorMessage$1(error) {
     // Log the raw error for debugging
-    logger$g.debug('Extracting error message', {
+    logger$h.debug('Extracting error message', {
         errorType: typeof error,
         isError: error instanceof Error,
         constructorName: error?.constructor?.name,
@@ -2975,7 +3104,7 @@ function extractErrorMessage$1(error) {
                 propDebug[prop] = '[err]';
             }
         }
-        logger$g.error('WC Error object dump', propDebug);
+        logger$h.error('WC Error object dump', propDebug);
         // Check for code property first (common in SDK errors like PIN_REQUIRED)
         if (typeof errorObj['code'] === 'string') {
             const codeMsg = errorObj['message']
@@ -3056,7 +3185,7 @@ function extractErrorMessage$1(error) {
             }
             // Try getting own property names (includes non-enumerable)
             const ownProps = Object.getOwnPropertyNames(errorObj);
-            logger$g.debug('Error object properties', { props: ownProps });
+            logger$h.debug('Error object properties', { props: ownProps });
             if (ownProps.length > 0) {
                 // Try to read ALL properties for better debugging
                 const propValues = [];
@@ -3077,7 +3206,7 @@ function extractErrorMessage$1(error) {
                         propValues.push(k);
                     }
                 }
-                logger$g.debug('Error property values', { values: propValues });
+                logger$h.debug('Error property values', { values: propValues });
                 // Return a more informative error
                 return `Error with properties: ${propValues.slice(0, 5).join(', ')}`;
             }
@@ -3090,7 +3219,7 @@ function extractErrorMessage$1(error) {
             }
         }
         // Last resort - log what we know about the object
-        logger$g.warn('Could not extract error message', {
+        logger$h.warn('Could not extract error message', {
             constructor: error?.constructor?.name,
             prototype: Object.getPrototypeOf(error)?.constructor?.name,
         });
@@ -3189,13 +3318,13 @@ class HederaSigner {
                 Object.keys(error).length === 0 &&
                 !(error instanceof Error);
             if (isEmptyError) {
-                logger$g.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
+                logger$h.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
                     topic: params.topic?.substring(0, 16) + '...',
                 });
                 throw new Error('WalletConnect connection issue - please try again');
             }
             const errorMsg = extractErrorMessage$1(error);
-            logger$g.error('Sign failed', { error: errorMsg });
+            logger$h.error('Sign failed', { error: errorMsg });
             throw new Error(`Hedera sign failed: ${errorMsg}`);
         }
     }
@@ -3211,7 +3340,7 @@ class HederaSigner {
         const network = params.networkId.includes('mainnet') ? 'mainnet' : 'testnet';
         // Format account ID in HIP-30 format
         const signerAccountId = `hedera:${network}:${params.accountAddress}`;
-        logger$g.debug('Sending hedera_signAndExecuteTransaction request', {
+        logger$h.debug('Sending hedera_signAndExecuteTransaction request', {
             topic: params.topic?.substring(0, 16) + '...',
             chainId: `hedera:${network}`,
             signerAccountId,
@@ -3239,7 +3368,7 @@ class HederaSigner {
         try {
             // Race between the request and our timeout
             const result = await Promise.race([requestPromise, timeoutPromise]);
-            logger$g.debug('Received hedera_signAndExecuteTransaction response', {
+            logger$h.debug('Received hedera_signAndExecuteTransaction response', {
                 hasResult: !!result,
                 resultKeys: result ? Object.keys(result) : [],
             });
@@ -3272,7 +3401,7 @@ class HederaSigner {
                 // Get all own property names
                 ownProps: error && typeof error === 'object' ? Object.getOwnPropertyNames(error) : [],
             };
-            logger$g.error('Submit failed - full error analysis', errorInfo);
+            logger$h.error('Submit failed - full error analysis', errorInfo);
             // Check if this is an empty error object (WalletConnect SDK bug)
             // This typically happens when relay subscription is stale
             const isEmptyError = typeof error === 'object' &&
@@ -3284,7 +3413,7 @@ class HederaSigner {
                 // It usually means the relay subscription was stale
                 // The SessionHealthManager should have pinged before the request,
                 // but if we still get this error, the subscription dropped after the ping
-                logger$g.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
+                logger$h.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
                     topic: params.topic?.substring(0, 16) + '...',
                     hint: 'This can happen when the relay WebSocket connection drops',
                 });
@@ -3294,7 +3423,7 @@ class HederaSigner {
                     'please check your transaction history as it may have been executed successfully.');
             }
             const errorMsg = extractErrorMessage$1(error);
-            logger$g.error('Submit failed', { error: errorMsg });
+            logger$h.error('Submit failed', { error: errorMsg });
             throw new Error(`Hedera submit failed: ${errorMsg}`);
         }
     }
@@ -3351,13 +3480,13 @@ class HederaSigner {
                 Object.keys(error).length === 0 &&
                 !(error instanceof Error);
             if (isEmptyError) {
-                logger$g.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
+                logger$h.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
                     topic: params.topic?.substring(0, 16) + '...',
                 });
                 throw new Error('WalletConnect connection issue - please try again');
             }
             const errorMsg = extractErrorMessage$1(error);
-            logger$g.error('Sign message failed', { error: errorMsg });
+            logger$h.error('Sign message failed', { error: errorMsg });
             throw new Error(`Hedera sign message failed: ${errorMsg}`);
         }
     }
@@ -3375,15 +3504,15 @@ class HederaSigner {
      */
     parseAccounts(namespace, targetNetworkId) {
         if (!namespace) {
-            logger$g.warn('Namespace is null or undefined');
+            logger$h.warn('Namespace is null or undefined');
             return [];
         }
         if (!namespace.accounts) {
-            logger$g.warn('Namespace has no accounts property');
+            logger$h.warn('Namespace has no accounts property');
             return [];
         }
         if (!Array.isArray(namespace.accounts)) {
-            logger$g.warn('Namespace accounts is not an array', {
+            logger$h.warn('Namespace accounts is not an array', {
                 type: typeof namespace.accounts,
             });
             return [];
@@ -3393,7 +3522,7 @@ class HederaSigner {
             // HIP-30 format: hedera:testnet:0.0.12345
             const parts = account.split(':');
             if (parts.length < 3) {
-                logger$g.warn('Invalid account format', { account, partsLength: parts.length });
+                logger$h.warn('Invalid account format', { account, partsLength: parts.length });
                 return { address: account, chainId: 'hedera:testnet' };
             }
             return {
@@ -3406,7 +3535,7 @@ class HederaSigner {
             const targetNetwork = targetNetworkId.split(':')[1]?.toLowerCase(); // e.g., 'mainnet'
             if (targetNetwork) {
                 const filteredAccounts = allAccounts.filter((acc) => acc.chainId.toLowerCase().includes(targetNetwork));
-                logger$g.debug('Filtered accounts by target network', {
+                logger$h.debug('Filtered accounts by target network', {
                     targetNetworkId,
                     targetNetwork,
                     totalAccounts: allAccounts.length,
@@ -3414,7 +3543,7 @@ class HederaSigner {
                 });
                 // If no accounts match the target network, log a warning
                 if (filteredAccounts.length === 0 && allAccounts.length > 0) {
-                    logger$g.warn('No accounts found for target network', {
+                    logger$h.warn('No accounts found for target network', {
                         targetNetwork,
                         availableNetworks: [...new Set(allAccounts.map((a) => a.chainId))],
                     });
@@ -3442,7 +3571,7 @@ class HederaSigner {
  * Implements the IWalletConnectSigner interface for XRPL ledger.
  * Handles XRPL-specific JSON-RPC methods and transaction formats.
  */
-const logger$f = getLogger().scoped?.('XrplSigner') ?? getLogger();
+const logger$g = getLogger().scoped?.('XrplSigner') ?? getLogger();
 /**
  * Extract a meaningful error message from various error shapes.
  * WalletConnect SDK throws errors that are not standard Error instances.
@@ -3460,7 +3589,7 @@ const logger$f = getLogger().scoped?.('XrplSigner') ?? getLogger();
  */
 function extractErrorMessage(error) {
     // Log raw error for debugging
-    logger$f.debug('Raw error object', {
+    logger$g.debug('Raw error object', {
         errorType: typeof error,
         isError: error instanceof Error,
         errorKeys: typeof error === 'object' && error !== null ? Object.keys(error) : [],
@@ -3596,7 +3725,7 @@ class XrplSigner {
      */
     async signTransaction(params) {
         // Decode base64 payload to JSON transaction
-        logger$f.debug('Decoding XRPL transaction payload', {
+        logger$g.debug('Decoding XRPL transaction payload', {
             payloadLength: params.payload?.length,
             networkId: params.networkId,
             topic: params.topic?.substring(0, 16) + '...',
@@ -3604,19 +3733,19 @@ class XrplSigner {
         let transaction;
         try {
             transaction = XrplTransactionEncoder.decodeTransaction(params.payload);
-            logger$f.debug('Transaction decoded successfully', {
+            logger$g.debug('Transaction decoded successfully', {
                 transactionType: transaction?.TransactionType,
                 account: transaction?.Account,
             });
         }
         catch (decodeError) {
-            logger$f.error('Failed to decode transaction payload', {
+            logger$g.error('Failed to decode transaction payload', {
                 error: decodeError instanceof Error ? decodeError.message : String(decodeError),
             });
             throw decodeError;
         }
         try {
-            logger$f.debug('Sending xrpl_signTransaction request to wallet', {
+            logger$g.debug('Sending xrpl_signTransaction request to wallet', {
                 method: 'xrpl_signTransaction',
                 chainId: params.networkId,
                 topic: params.topic?.substring(0, 16) + '...',
@@ -3633,7 +3762,7 @@ class XrplSigner {
                 },
                 expiry: 300, // 5 minutes in seconds
             });
-            logger$f.debug('Received response from wallet', {
+            logger$g.debug('Received response from wallet', {
                 hasResult: !!result,
                 resultKeys: result ? Object.keys(result) : [],
             });
@@ -3649,13 +3778,13 @@ class XrplSigner {
                 Object.keys(error).length === 0 &&
                 !(error instanceof Error);
             if (isEmptyError) {
-                logger$f.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
+                logger$g.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
                     topic: params.topic?.substring(0, 16) + '...',
                 });
                 throw new Error('WalletConnect connection issue - please try again');
             }
             const errorMsg = extractErrorMessage(error);
-            logger$f.error('Sign failed', { error: errorMsg });
+            logger$g.error('Sign failed', { error: errorMsg });
             throw new Error(`XRPL sign failed: ${errorMsg}`);
         }
     }
@@ -3670,7 +3799,7 @@ class XrplSigner {
         // Decode base64 payload to JSON transaction
         const transaction = XrplTransactionEncoder.decodeTransaction(params.payload);
         try {
-            logger$f.debug('Sending xrpl_signAndSubmit request to wallet', {
+            logger$g.debug('Sending xrpl_signAndSubmit request to wallet', {
                 method: 'xrpl_signAndSubmit',
                 chainId: params.networkId,
                 topic: params.topic?.substring(0, 16) + '...',
@@ -3687,7 +3816,7 @@ class XrplSigner {
                 },
                 expiry: 300, // 5 minutes in seconds
             });
-            logger$f.debug('Received xrpl_signAndSubmit response', {
+            logger$g.debug('Received xrpl_signAndSubmit response', {
                 hasResult: !!result,
                 resultKeys: result ? Object.keys(result) : [],
             });
@@ -3709,14 +3838,14 @@ class XrplSigner {
             if (isEmptyError) {
                 // Empty error object is a known WalletConnect SDK issue
                 // It usually means the relay subscription was stale
-                logger$f.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
+                logger$g.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
                     topic: params.topic?.substring(0, 16) + '...',
                     hint: 'This can happen when the relay WebSocket connection drops',
                 });
                 throw new Error('WalletConnect connection issue - please try again');
             }
             const errorMsg = extractErrorMessage(error);
-            logger$f.error('Submit failed', { error: errorMsg });
+            logger$g.error('Submit failed', { error: errorMsg });
             throw new Error(`XRPL submit failed: ${errorMsg}`);
         }
     }
@@ -3766,13 +3895,13 @@ class XrplSigner {
                 Object.keys(error).length === 0 &&
                 !(error instanceof Error);
             if (isEmptyError) {
-                logger$f.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
+                logger$g.warn('WalletConnect SDK empty error - relay subscription may have been stale', {
                     topic: params.topic?.substring(0, 16) + '...',
                 });
                 throw new Error('WalletConnect connection issue - please try again');
             }
             const errorMsg = extractErrorMessage(error);
-            logger$f.error('Sign message failed', { error: errorMsg });
+            logger$g.error('Sign message failed', { error: errorMsg });
             throw new Error(`XRPL sign message failed: ${errorMsg}`);
         }
     }
@@ -3797,7 +3926,7 @@ class XrplSigner {
             // XRPL format: xrpl:testnet:rN7n7otQDd6FczFgLdlqtyMVrn3WnFBrDB
             const parts = account.split(':');
             if (parts.length < 3) {
-                logger$f.warn('Invalid account format', { account });
+                logger$g.warn('Invalid account format', { account });
                 return { address: account, chainId: 'xrpl:testnet' };
             }
             return {
@@ -3810,7 +3939,7 @@ class XrplSigner {
             const targetNetwork = targetNetworkId.split(':')[1]?.toLowerCase(); // e.g., 'mainnet'
             if (targetNetwork) {
                 const filteredAccounts = allAccounts.filter((acc) => acc.chainId.toLowerCase().includes(targetNetwork));
-                logger$f.debug('Filtered accounts by target network', {
+                logger$g.debug('Filtered accounts by target network', {
                     targetNetworkId,
                     targetNetwork,
                     totalAccounts: allAccounts.length,
@@ -3818,7 +3947,7 @@ class XrplSigner {
                 });
                 // If no accounts match the target network, log a warning
                 if (filteredAccounts.length === 0 && allAccounts.length > 0) {
-                    logger$f.warn('No accounts found for target network', {
+                    logger$g.warn('No accounts found for target network', {
                         targetNetwork,
                         availableNetworks: [...new Set(allAccounts.map((a) => a.chainId))],
                     });
@@ -3850,7 +3979,7 @@ class XrplSigner {
  * 1. Implementing IWalletConnectSigner interface
  * 2. Registering the signer with SignerFactory
  */
-const logger$e = getLogger().scoped?.('SignerFactory') ?? getLogger();
+const logger$f = getLogger().scoped?.('SignerFactory') ?? getLogger();
 /**
  * Factory class for creating and managing WalletConnect signers.
  *
@@ -3892,13 +4021,13 @@ class SignerFactory {
      */
     static registerSigner(ledgerId, signer) {
         if (signer.ledgerId !== ledgerId) {
-            logger$e.warn('Signer ledgerId does not match registration key', {
+            logger$f.warn('Signer ledgerId does not match registration key', {
                 signerLedgerId: signer.ledgerId,
                 registrationKey: ledgerId,
             });
         }
         this.signers.set(ledgerId, signer);
-        logger$e.debug('Registered signer for ledger', { ledgerId });
+        logger$f.debug('Registered signer for ledger', { ledgerId });
     }
     /**
      * Check if a signer is registered for a ledger.
@@ -3927,7 +4056,7 @@ class SignerFactory {
     static unregisterSigner(ledgerId) {
         const removed = this.signers.delete(ledgerId);
         if (removed) {
-            logger$e.debug('Unregistered signer for ledger', { ledgerId });
+            logger$f.debug('Unregistered signer for ledger', { ledgerId });
         }
         return removed;
     }
@@ -3956,7 +4085,7 @@ class SignerFactory {
  * - Automatic ping cache management
  * - Subscription refresh capability
  */
-const logger$d = getLogger().scoped?.('WCSessionHealth') ?? getLogger();
+const logger$e = getLogger().scoped?.('WCSessionHealth') ?? getLogger();
 /**
  * Manages WalletConnect session health to prevent stale relay subscription issues.
  *
@@ -3987,7 +4116,7 @@ class SessionHealthManager {
     constructor(client) {
         this.client = client;
         this.setupRelayMonitoring();
-        logger$d.info('SessionHealthManager initialized');
+        logger$e.info('SessionHealthManager initialized');
     }
     /**
      * Ensure session is healthy before making a request.
@@ -4005,14 +4134,14 @@ class SessionHealthManager {
         const now = Date.now();
         // Skip if we pinged recently
         if (now - lastPing <= this.PING_INTERVAL_MS) {
-            logger$d.debug('Skipping ping - recent ping exists', {
+            logger$e.debug('Skipping ping - recent ping exists', {
                 topic: topic.substring(0, 16) + '...',
                 lastPingAge: now - lastPing,
             });
             return;
         }
         try {
-            logger$d.debug('Pinging session to ensure relay subscription', {
+            logger$e.debug('Pinging session to ensure relay subscription', {
                 topic: topic.substring(0, 16) + '...',
             });
             // Race ping against timeout
@@ -4021,14 +4150,14 @@ class SessionHealthManager {
                 new Promise((_, reject) => setTimeout(() => reject(new Error('Ping timeout')), this.PING_TIMEOUT_MS)),
             ]);
             this.lastPingTime.set(topic, now);
-            logger$d.debug('Session ping successful', {
+            logger$e.debug('Session ping successful', {
                 topic: topic.substring(0, 16) + '...',
             });
         }
         catch (err) {
             // Log warning but don't throw - let the request attempt proceed
             // The request might still succeed if the subscription is actually active
-            logger$d.warn('Session ping failed - relay subscription may be stale', {
+            logger$e.warn('Session ping failed - relay subscription may be stale', {
                 topic: topic.substring(0, 16) + '...',
                 error: err instanceof Error ? err.message : String(err),
             });
@@ -4050,16 +4179,16 @@ class SessionHealthManager {
                 await relayer.subscribe(topic);
                 // Clear ping cache so next ensureSessionHealth will ping
                 this.lastPingTime.delete(topic);
-                logger$d.info('Refreshed relay subscription', {
+                logger$e.info('Refreshed relay subscription', {
                     topic: topic.substring(0, 16) + '...',
                 });
             }
             else {
-                logger$d.warn('Relayer.subscribe not available');
+                logger$e.warn('Relayer.subscribe not available');
             }
         }
         catch (err) {
-            logger$d.warn('Failed to refresh subscription', {
+            logger$e.warn('Failed to refresh subscription', {
                 topic: topic.substring(0, 16) + '...',
                 error: err instanceof Error ? err.message : String(err),
             });
@@ -4092,22 +4221,22 @@ class SessionHealthManager {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any -- WalletConnect internal API not typed
         const relayer = this.client.core?.relayer;
         if (!relayer) {
-            logger$d.warn('Could not access relayer for monitoring');
+            logger$e.warn('Could not access relayer for monitoring');
             return;
         }
         relayer.on('connect', () => {
-            logger$d.info('Relay WebSocket connected');
+            logger$e.info('Relay WebSocket connected');
         });
         relayer.on('disconnect', () => {
-            logger$d.warn('Relay WebSocket disconnected - clearing ping cache');
+            logger$e.warn('Relay WebSocket disconnected - clearing ping cache');
             this.lastPingTime.clear();
         });
         relayer.on('error', (err) => {
-            logger$d.error('Relay error', {
+            logger$e.error('Relay error', {
                 error: err?.message || String(err),
             });
         });
-        logger$d.debug('Relay monitoring setup complete');
+        logger$e.debug('Relay monitoring setup complete');
     }
 }
 
@@ -4132,7 +4261,7 @@ class SessionHealthManager {
  *
  * Extracted from WalletConnectV2Provider to reduce file size.
  */
-const logger$c = getLogger().scoped?.('WCClientManager') ?? getLogger();
+const logger$d = getLogger().scoped?.('WCClientManager') ?? getLogger();
 /**
  * Storage key for persisted projectId
  */
@@ -4159,7 +4288,7 @@ class WalletConnectClientManager {
         if (this.client && this.projectId === projectId) {
             return this.client;
         }
-        logger$c.debug('Initializing SignClient', { projectId: projectId.substring(0, 8) });
+        logger$d.debug('Initializing SignClient', { projectId: projectId.substring(0, 8) });
         // Store projectId for session restoration
         this.projectId = projectId;
         this.persistProjectId(projectId);
@@ -4171,7 +4300,7 @@ class WalletConnectClientManager {
         });
         // Initialize session health manager for relay subscription management
         this.sessionHealth = new SessionHealthManager(this.client);
-        logger$c.info('SignClient initialized with session health manager');
+        logger$d.info('SignClient initialized with session health manager');
         return this.client;
     }
     /**
@@ -4200,14 +4329,14 @@ class WalletConnectClientManager {
     async restoreClient(metadata) {
         const storedProjectId = this.getStoredProjectId();
         if (!storedProjectId) {
-            logger$c.debug('No stored projectId, skipping client restoration');
+            logger$d.debug('No stored projectId, skipping client restoration');
             return undefined;
         }
         try {
             return await this.initialize(storedProjectId, metadata);
         }
         catch (error) {
-            logger$c.error('Failed to restore client', {
+            logger$d.error('Failed to restore client', {
                 error: error instanceof Error ? error.message : String(error),
             });
             return undefined;
@@ -4274,7 +4403,7 @@ class WalletConnectClientManager {
         if (sessionProperties) {
             connectParams.sessionProperties = sessionProperties;
         }
-        logger$c.debug('Connecting with params', {
+        logger$d.debug('Connecting with params', {
             namespaces: Object.keys(optionalNamespaces),
             hasSessionProperties: !!sessionProperties,
         });
@@ -4340,7 +4469,7 @@ class WalletConnectClientManager {
         const startKeepAlive = () => {
             keepAliveInterval = setInterval(async () => {
                 try {
-                    logger$c.debug('Keep-alive ping during request', {
+                    logger$d.debug('Keep-alive ping during request', {
                         topic: params.topic?.substring(0, 16) + '...',
                         method: params.request.method,
                     });
@@ -4353,7 +4482,7 @@ class WalletConnectClientManager {
                 }
                 catch (err) {
                     // Log but don't throw - ping failure during wait is not critical
-                    logger$c.debug('Keep-alive ping failed (non-critical)', {
+                    logger$d.debug('Keep-alive ping failed (non-critical)', {
                         error: err instanceof Error ? err.message : String(err),
                     });
                 }
@@ -4395,7 +4524,7 @@ class WalletConnectClientManager {
             window.localStorage?.setItem(STORAGE_KEY_PROJECT_ID, projectId);
         }
         catch {
-            logger$c.warn('Failed to persist projectId');
+            logger$d.warn('Failed to persist projectId');
         }
     }
     getStoredProjectId() {
@@ -4440,7 +4569,7 @@ class WalletConnectClientManager {
  * - Aggregate accounts across sessions
  * - Find sessions by account address
  */
-const logger$b = getLogger().scoped?.('WCSessionStore') ?? getLogger();
+const logger$c = getLogger().scoped?.('WCSessionStore') ?? getLogger();
 /**
  * WalletConnect Session Store
  *
@@ -4478,7 +4607,7 @@ class WalletConnectSessionStore {
      */
     setSession(sessionKey, data) {
         this.sessions.set(sessionKey, data);
-        logger$b.debug('Session stored', { sessionKey, accountCount: data.accounts.length });
+        logger$c.debug('Session stored', { sessionKey, accountCount: data.accounts.length });
     }
     /**
      * Delete a session by key.
@@ -4489,7 +4618,7 @@ class WalletConnectSessionStore {
     deleteSession(sessionKey) {
         const deleted = this.sessions.delete(sessionKey);
         if (deleted) {
-            logger$b.debug('Session deleted', { sessionKey });
+            logger$c.debug('Session deleted', { sessionKey });
         }
         return deleted;
     }
@@ -4513,7 +4642,7 @@ class WalletConnectSessionStore {
     clear() {
         this.sessions.clear();
         this._accounts.set([]);
-        logger$b.debug('All sessions cleared');
+        logger$c.debug('All sessions cleared');
     }
     /**
      * Get all session entries.
@@ -4554,7 +4683,7 @@ class WalletConnectSessionStore {
         for (const sessionData of this.sessions.values()) {
             allAccounts.push(...sessionData.accounts);
         }
-        logger$b.debug('Aggregated accounts', {
+        logger$c.debug('Aggregated accounts', {
             sessionCount: this.sessions.size,
             totalAccounts: allAccounts.length,
         });
@@ -4590,7 +4719,7 @@ class WalletConnectSessionStore {
         for (const [sessionKey, sessionData] of this.sessions.entries()) {
             if (sessionData.session.topic === topic) {
                 this.sessions.delete(sessionKey);
-                logger$b.info('Session removed by topic', { sessionKey, topic: topic.substring(0, 16) });
+                logger$c.info('Session removed by topic', { sessionKey, topic: topic.substring(0, 16) });
                 return { sessionKey, data: sessionData };
             }
         }
@@ -4638,7 +4767,7 @@ class WalletConnectSessionStore {
  *
  * Extracted from WalletConnectV2Provider to reduce file size.
  */
-const logger$a = getLogger().scoped?.('WCSigningOrchestrator') ?? getLogger();
+const logger$b = getLogger().scoped?.('WCSigningOrchestrator') ?? getLogger();
 /**
  * Signing Orchestrator
  *
@@ -4669,7 +4798,7 @@ class WalletConnectSigningOrchestrator {
         const sessionInfo = this.findAndValidateSession(options.accountAddress, 'signTransaction');
         // Use user's selected network from session, with fallback to options.networkId
         const networkId = this.resolveNetworkId(sessionInfo, options.networkId);
-        logger$a.debug('Routing sign to signer', {
+        logger$b.debug('Routing sign to signer', {
             ledgerId: sessionInfo.signer.ledgerId,
             topic: sessionInfo.session.topic.substring(0, 16) + '...',
             networkId,
@@ -4692,7 +4821,7 @@ class WalletConnectSigningOrchestrator {
         const sessionInfo = this.findAndValidateSession(options.accountAddress, 'submitTransaction');
         // Use user's selected network from session, with fallback to options.networkId
         const networkId = this.resolveNetworkId(sessionInfo, options.networkId);
-        logger$a.debug('Routing submit to signer', {
+        logger$b.debug('Routing submit to signer', {
             ledgerId: sessionInfo.signer.ledgerId,
             topic: sessionInfo.session.topic.substring(0, 16) + '...',
             networkId,
@@ -4715,7 +4844,7 @@ class WalletConnectSigningOrchestrator {
         const sessionInfo = this.findAndValidateSession(options.accountAddress, 'signAndExecuteTransaction');
         // Use user's selected network from session, with fallback to options.networkId
         const networkId = this.resolveNetworkId(sessionInfo, options.networkId);
-        logger$a.debug('Routing signAndExecute to signer', {
+        logger$b.debug('Routing signAndExecute to signer', {
             ledgerId: sessionInfo.signer.ledgerId,
             topic: sessionInfo.session.topic.substring(0, 16) + '...',
             networkId,
@@ -4756,7 +4885,7 @@ class WalletConnectSigningOrchestrator {
         const sessionInfo = this.findAndValidateSession(options.accountAddress, 'signMessage');
         // Use user's selected network from session, with fallback to options.networkId
         const networkId = this.resolveNetworkId(sessionInfo, options.networkId);
-        logger$a.debug('Routing signMessage to signer', {
+        logger$b.debug('Routing signMessage to signer', {
             ledgerId: sessionInfo.signer.ledgerId,
             topic: sessionInfo.session.topic.substring(0, 16) + '...',
             networkId,
@@ -4797,7 +4926,7 @@ class WalletConnectSigningOrchestrator {
         if (optionsNetworkId &&
             sessionInfo.userSelectedNetwork &&
             optionsNetworkId !== sessionInfo.userSelectedNetwork) {
-            logger$a.warn('Network mismatch: using session network over caller-provided network', {
+            logger$b.warn('Network mismatch: using session network over caller-provided network', {
                 callerNetwork: optionsNetworkId,
                 sessionNetwork: sessionInfo.userSelectedNetwork,
                 using: resolvedNetwork,
@@ -4817,7 +4946,7 @@ class WalletConnectSigningOrchestrator {
         }
         // Validate session exists in WC SDK
         if (!this.validateSessionInSdk(sessionInfo.session.topic)) {
-            logger$a.error('Session not found in WC SDK', {
+            logger$b.error('Session not found in WC SDK', {
                 topic: sessionInfo.session.topic.substring(0, 16) + '...',
                 account: accountAddress,
             });
@@ -4844,7 +4973,7 @@ class WalletConnectSigningOrchestrator {
             return !!session;
         }
         catch (error) {
-            logger$a.warn('Session validation failed', {
+            logger$b.warn('Session validation failed', {
                 topic: topic.substring(0, 16) + '...',
                 error: error instanceof Error ? error.message : String(error),
             });
@@ -4880,7 +5009,7 @@ class WalletConnectSigningOrchestrator {
  * - Testable (mock signers for unit tests)
  * - Maintainable (ledger logic is isolated)
  */
-const logger$9 = getLogger().scoped?.('WalletConnectV2Provider') ?? getLogger();
+const logger$a = getLogger().scoped?.('WalletConnectV2Provider') ?? getLogger();
 /**
  * Storage key prefix for persisting user's network selection per session topic.
  * This is critical for proper session restoration after page reload.
@@ -4944,7 +5073,7 @@ class WalletConnectV2Provider extends BaseWalletProvider {
             clientManager: this.clientManager,
             eventBus: this.eventBus,
         });
-        logger$9.info('Initializing - will attempt session restoration');
+        logger$a.info('Initializing - will attempt session restoration');
         void this.restoreSession();
     }
     /**
@@ -4971,7 +5100,7 @@ class WalletConnectV2Provider extends BaseWalletProvider {
      */
     async restoreSession() {
         try {
-            logger$9.debug('Attempting to restore sessions...');
+            logger$a.debug('Attempting to restore sessions...');
             // Restore client from stored projectId
             const client = await this.clientManager.restoreClient({
                 name: 'HSuite Demo',
@@ -4986,7 +5115,7 @@ class WalletConnectV2Provider extends BaseWalletProvider {
             this.registerSessionDeleteListener();
             // Get all active sessions
             const activeSessions = this.clientManager.getActiveSessions();
-            logger$9.info('Found active sessions', { count: activeSessions.length });
+            logger$a.info('Found active sessions', { count: activeSessions.length });
             if (activeSessions.length === 0) {
                 return;
             }
@@ -4996,7 +5125,7 @@ class WalletConnectV2Provider extends BaseWalletProvider {
                     await this.restoreSingleSession(session);
                 }
                 catch (error) {
-                    logger$9.error('Failed to restore session', {
+                    logger$a.error('Failed to restore session', {
                         topic: session.topic,
                         error: error instanceof Error ? error.message : String(error),
                     });
@@ -5006,11 +5135,11 @@ class WalletConnectV2Provider extends BaseWalletProvider {
             this.sessionStore.updateAggregatedAccounts();
             if (this.sessionStore.size > 0) {
                 this._status.set('connected');
-                logger$9.info('Restored sessions', { count: this.sessionStore.size });
+                logger$a.info('Restored sessions', { count: this.sessionStore.size });
             }
         }
         catch (error) {
-            logger$9.error('Failed to restore sessions', {
+            logger$a.error('Failed to restore sessions', {
                 error: error instanceof Error ? error.message : String(error),
             });
         }
@@ -5025,23 +5154,23 @@ class WalletConnectV2Provider extends BaseWalletProvider {
      * @param session - WalletConnect session object from IndexedDB
      */
     async restoreSingleSession(session) {
-        logger$9.debug('Restoring session', { topic: session.topic });
-        logger$9.debug('Session namespaces', { namespaces: Object.keys(session.namespaces) });
+        logger$a.debug('Restoring session', { topic: session.topic });
+        logger$a.debug('Session namespaces', { namespaces: Object.keys(session.namespaces) });
         // Determine ledger from session namespaces
         let ledgerId;
         let walletReportedNetwork;
         if (session.namespaces.hedera) {
             ledgerId = 'hedera';
             walletReportedNetwork = session.namespaces.hedera.chains?.[0] || 'hedera:testnet';
-            logger$9.debug('Found Hedera namespace', { chains: session.namespaces.hedera.chains });
+            logger$a.debug('Found Hedera namespace', { chains: session.namespaces.hedera.chains });
         }
         else if (session.namespaces.xrpl) {
             ledgerId = 'xrpl';
             walletReportedNetwork = session.namespaces.xrpl.chains?.[0] || 'xrpl:testnet';
-            logger$9.debug('Found XRPL namespace', { chains: session.namespaces.xrpl.chains });
+            logger$a.debug('Found XRPL namespace', { chains: session.namespaces.xrpl.chains });
         }
         if (!ledgerId || !walletReportedNetwork) {
-            logger$9.warn('Could not determine ledger for session', {
+            logger$a.warn('Could not determine ledger for session', {
                 topic: session.topic,
                 availableNamespaces: Object.keys(session.namespaces),
             });
@@ -5052,14 +5181,14 @@ class WalletConnectV2Provider extends BaseWalletProvider {
         const userSelectedNetwork = this.getUserNetworkSelection(session.topic);
         const networkId = userSelectedNetwork || walletReportedNetwork;
         if (userSelectedNetwork) {
-            logger$9.debug('Restored user network selection', {
+            logger$a.debug('Restored user network selection', {
                 userSelectedNetwork,
                 walletReportedNetwork,
                 topic: session.topic.substring(0, 16),
             });
         }
         else {
-            logger$9.warn('No stored network selection found, using wallet-reported network', {
+            logger$a.warn('No stored network selection found, using wallet-reported network', {
                 walletReportedNetwork,
                 topic: session.topic.substring(0, 16),
             });
@@ -5070,18 +5199,18 @@ class WalletConnectV2Provider extends BaseWalletProvider {
         const sessionKey = this.sessionStore.generateSessionKey(ledgerId, networkId, session.topic);
         // Parse accounts from session, filtering by user's selected network
         const namespace = session.namespaces[ledgerId];
-        logger$9.debug('Namespace for restoration', {
+        logger$a.debug('Namespace for restoration', {
             ledgerId,
             accountCount: namespace?.accounts?.length || 0,
         });
         // Pass the user's selected network to filter accounts appropriately
         const parsedAccounts = signer.parseAccounts(namespace, userSelectedNetwork);
-        logger$9.debug('Parsed accounts from restored session', {
+        logger$a.debug('Parsed accounts from restored session', {
             count: parsedAccounts.length,
             userSelectedNetwork,
         });
         if (parsedAccounts.length === 0) {
-            logger$9.warn('Restored session has no accounts for selected network', {
+            logger$a.warn('Restored session has no accounts for selected network', {
                 userSelectedNetwork,
                 walletReportedNetwork,
             });
@@ -5113,7 +5242,7 @@ class WalletConnectV2Provider extends BaseWalletProvider {
             signer,
             accounts,
         });
-        logger$9.info('Restored session', {
+        logger$a.info('Restored session', {
             sessionKey,
             ledgerId,
             networkId,
@@ -5140,13 +5269,13 @@ class WalletConnectV2Provider extends BaseWalletProvider {
     storeUserNetworkSelection(sessionTopic, networkId) {
         try {
             localStorage.setItem(`${NETWORK_SELECTION_STORAGE_KEY}${sessionTopic}`, networkId);
-            logger$9.debug('Stored user network selection', {
+            logger$a.debug('Stored user network selection', {
                 topic: sessionTopic.substring(0, 16),
                 networkId,
             });
         }
         catch (e) {
-            logger$9.warn('Failed to store network selection', { error: e.message });
+            logger$a.warn('Failed to store network selection', { error: e.message });
         }
     }
     /**
@@ -5160,7 +5289,7 @@ class WalletConnectV2Provider extends BaseWalletProvider {
             return localStorage.getItem(`${NETWORK_SELECTION_STORAGE_KEY}${sessionTopic}`) || undefined;
         }
         catch (e) {
-            logger$9.warn('Failed to retrieve network selection', { error: e.message });
+            logger$a.warn('Failed to retrieve network selection', { error: e.message });
             return undefined;
         }
     }
@@ -5206,7 +5335,7 @@ class WalletConnectV2Provider extends BaseWalletProvider {
             }
             // Get the appropriate signer for this ledger (Strategy Pattern)
             const signer = SignerFactory.getSigner(wcConfig.ledgerId);
-            logger$9.debug('Using signer for ledger', { ledgerId: wcConfig.ledgerId });
+            logger$a.debug('Using signer for ledger', { ledgerId: wcConfig.ledgerId });
             // Initialize client via manager
             await this.clientManager.initialize(projectId, {
                 name: wcConfig.appName || 'HSuite Demo',
@@ -5220,14 +5349,14 @@ class WalletConnectV2Provider extends BaseWalletProvider {
             // Build namespace configuration using signer
             const namespaceConfig = signer.buildNamespace(wcConfig.networkId);
             const optionalNamespaces = { [wcConfig.ledgerId]: namespaceConfig };
-            logger$9.debug('Namespace config', { ledgerId: wcConfig.ledgerId });
+            logger$a.debug('Namespace config', { ledgerId: wcConfig.ledgerId });
             // Build session properties to pass user's preferred network to wallet
             // This tells the wallet which network accounts to show in the picker
             const sessionProperties = {
                 preferredNetwork: wcConfig.networkId,
                 preferredLedger: wcConfig.ledgerId,
             };
-            logger$9.info('Connecting with preferred network', {
+            logger$a.info('Connecting with preferred network', {
                 preferredNetwork: wcConfig.networkId,
                 preferredLedger: wcConfig.ledgerId,
             });
@@ -5237,10 +5366,10 @@ class WalletConnectV2Provider extends BaseWalletProvider {
                 await modal.openModal({ uri });
             }
             // Wait for wallet approval
-            logger$9.info('Waiting for wallet approval...');
+            logger$a.info('Waiting for wallet approval...');
             const session = await approval();
             this.clientManager.closeModal();
-            logger$9.info('[WC:DAPP:APPROVED] Session approved by wallet', {
+            logger$a.info('[WC:DAPP:APPROVED] Session approved by wallet', {
                 topic: session.topic.substring(0, 16) + '...',
                 fullTopic: session.topic,
                 namespaces: Object.keys(session.namespaces),
@@ -5250,12 +5379,12 @@ class WalletConnectV2Provider extends BaseWalletProvider {
             const sessionKey = this.sessionStore.generateSessionKey(wcConfig.ledgerId, wcConfig.networkId, session.topic);
             // Parse accounts from session
             const sessionNamespace = session.namespaces[wcConfig.ledgerId];
-            logger$9.debug('Session namespace for ledger', {
+            logger$a.debug('Session namespace for ledger', {
                 ledgerId: wcConfig.ledgerId,
                 accountCount: sessionNamespace?.accounts?.length || 0,
             });
             if (!sessionNamespace) {
-                logger$9.error('No namespace found for ledger', {
+                logger$a.error('No namespace found for ledger', {
                     ledgerId: wcConfig.ledgerId,
                     availableNamespaces: Object.keys(session.namespaces),
                 });
@@ -5264,12 +5393,12 @@ class WalletConnectV2Provider extends BaseWalletProvider {
             // Parse accounts from session namespace, filtering by user's selected network
             // This ensures we only show accounts that match the network the user selected
             const parsedAccounts = signer.parseAccounts(sessionNamespace, wcConfig.networkId);
-            logger$9.debug('Parsed accounts', {
+            logger$a.debug('Parsed accounts', {
                 count: parsedAccounts.length,
                 userSelectedNetwork: wcConfig.networkId,
             });
             if (parsedAccounts.length === 0) {
-                logger$9.warn('No accounts returned from wallet - possible causes:', {
+                logger$a.warn('No accounts returned from wallet - possible causes:', {
                     reason1: 'Wallet has no accounts for the requested network',
                     reason2: 'Wallet denied account sharing',
                     reason3: 'Wallet returned accounts in unexpected format',
@@ -5308,7 +5437,7 @@ class WalletConnectV2Provider extends BaseWalletProvider {
             this.storeUserNetworkSelection(session.topic, wcConfig.networkId);
             // Verify session exists in WC SDK after storing
             const sdkSession = this.clientManager.getSession(session.topic);
-            logger$9.info('[WC:DAPP:STORED] Session stored locally', {
+            logger$a.info('[WC:DAPP:STORED] Session stored locally', {
                 sessionKey,
                 topic: session.topic.substring(0, 16) + '...',
                 fullTopic: session.topic,
@@ -5337,7 +5466,7 @@ class WalletConnectV2Provider extends BaseWalletProvider {
         catch (error) {
             this._status.set('error');
             this._error.set(error instanceof Error ? error.message : 'Connection failed');
-            logger$9.error('Connection failed', {
+            logger$a.error('Connection failed', {
                 error: error instanceof Error ? error.message : String(error),
             });
             // Emit provider error event
@@ -5402,14 +5531,14 @@ class WalletConnectV2Provider extends BaseWalletProvider {
         // WalletConnect events arrive outside Angular's zone
         this.clientManager.on('session_delete', (event) => {
             this.zone.run(() => {
-                logger$9.info('� Session deleted by wallet (session_delete event)', {
+                logger$a.info('� Session deleted by wallet (session_delete event)', {
                     topic: event.topic,
                 });
                 this.removeSessionByTopic(event.topic);
             });
         });
         this.sessionDeleteListenerRegistered = true;
-        logger$9.debug('session_delete listener registered');
+        logger$a.debug('session_delete listener registered');
     }
     /**
      * Disconnect from WalletConnect sessions.
@@ -5419,7 +5548,7 @@ class WalletConnectV2Provider extends BaseWalletProvider {
      */
     async disconnect(sessionKey) {
         if (!this.clientManager.isInitialized()) {
-            logger$9.warn('No client to disconnect');
+            logger$a.warn('No client to disconnect');
             return;
         }
         if (sessionKey) {
@@ -5431,10 +5560,10 @@ class WalletConnectV2Provider extends BaseWalletProvider {
                         code: 6000,
                         message: 'User disconnected session',
                     });
-                    logger$9.info('Disconnected session', { sessionKey });
+                    logger$a.info('Disconnected session', { sessionKey });
                 }
                 catch (e) {
-                    logger$9.error('Disconnect error for session', {
+                    logger$a.error('Disconnect error for session', {
                         sessionKey,
                         error: e instanceof Error ? e.message : String(e),
                     });
@@ -5459,14 +5588,14 @@ class WalletConnectV2Provider extends BaseWalletProvider {
                     code: 6000,
                     message: 'User disconnected all sessions',
                 })
-                    .catch((err) => logger$9.error('Disconnect error', {
+                    .catch((err) => logger$a.error('Disconnect error', {
                     error: err.message,
                 })));
             }
             await Promise.all(disconnectPromises);
             this.sessionStore.clear();
             this._status.set('disconnected');
-            logger$9.info('Disconnected all sessions');
+            logger$a.info('Disconnected all sessions');
         }
         this.clientManager.closeModal();
     }
@@ -5569,7 +5698,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * - RPC communication over best available transport
  * - Session ownership remains with the wallet
  */
-const logger$8 = getLogger().scoped?.('P2PSessionManager') ?? getLogger();
+const logger$9 = getLogger().scoped?.('P2PSessionManager') ?? getLogger();
 /**
  * Mobile Native Session Manager
  *
@@ -5638,7 +5767,7 @@ class P2PSessionManager {
      * @returns Promise resolving to offer result with QR data
      */
     async createPairingOffer(options) {
-        logger$8.info('Creating pairing offer (Nostr-first)', { options });
+        logger$9.info('Creating pairing offer (Nostr-first)', { options });
         try {
             this.runInZone(() => this._connectionState.set('creating_offer'));
             // Clean up any existing client
@@ -5651,12 +5780,12 @@ class P2PSessionManager {
             this.client = new ChannelClient({
                 p2p: { enabled: true },
                 onStateChange: (state) => {
-                    logger$8.debug('ChannelClient state callback', { state });
+                    logger$9.debug('ChannelClient state callback', { state });
                     const accounts = this.client?.accounts ?? [];
                     this.handleStateChange(state, accounts);
                 },
                 onAccountsChange: (accounts) => {
-                    logger$8.debug('ChannelClient accounts callback', { count: accounts.length });
+                    logger$9.debug('ChannelClient accounts callback', { count: accounts.length });
                     const state = this.client?.state ?? 'idle';
                     this.handleStateChange(state, accounts);
                 },
@@ -5681,7 +5810,7 @@ class P2PSessionManager {
             // Encode invite for QR code
             const qrData = encodeChannelInvite(invite);
             this.runInZone(() => this._connectionState.set('awaiting_connection'));
-            logger$8.info('Pairing offer created', {
+            logger$9.info('Pairing offer created', {
                 sessionId: invite.id.slice(0, 8),
                 qrDataLength: qrData.length,
             });
@@ -5690,7 +5819,7 @@ class P2PSessionManager {
             return { qrData, sessionId: invite.id };
         }
         catch (error) {
-            logger$8.error('Failed to create pairing offer', { error });
+            logger$9.error('Failed to create pairing offer', { error });
             this.runInZone(() => this._connectionState.set('error'));
             this.notifyError(error instanceof Error ? error : new Error('Failed to create offer'));
             throw error;
@@ -5708,7 +5837,7 @@ class P2PSessionManager {
         if (!this.client || !this.currentInvite) {
             throw new Error('No active pairing offer - call createPairingOffer first');
         }
-        logger$8.info('Waiting for wallet to connect and approve session...');
+        logger$9.info('Waiting for wallet to connect and approve session...');
         return new Promise((resolve, reject) => {
             this.sessionApprovalPromise = { resolve, reject };
         });
@@ -5719,7 +5848,7 @@ class P2PSessionManager {
      * Cleans up the transport without fully disconnecting.
      */
     async cancelPairingOffer() {
-        logger$8.debug('Cancelling pairing offer');
+        logger$9.debug('Cancelling pairing offer');
         if (this.sessionApprovalPromise) {
             this.sessionApprovalPromise.reject(new Error('Pairing cancelled'));
             this.sessionApprovalPromise = undefined;
@@ -5761,7 +5890,7 @@ class P2PSessionManager {
      */
     async signTransaction(options) {
         this.requireSession();
-        logger$8.info('Signing transaction', { account: options.accountAddress });
+        logger$9.info('Signing transaction', { account: options.accountAddress });
         if (!this.client) {
             throw new Error('Not connected');
         }
@@ -5783,7 +5912,7 @@ class P2PSessionManager {
      */
     async submitTransaction(options) {
         this.requireSession();
-        logger$8.info('Submitting transaction', { account: options.accountAddress });
+        logger$9.info('Submitting transaction', { account: options.accountAddress });
         if (!this.client) {
             throw new Error('Not connected');
         }
@@ -5808,7 +5937,7 @@ class P2PSessionManager {
      */
     async signMessage(options) {
         this.requireSession();
-        logger$8.info('Signing message', { account: options.accountAddress });
+        logger$9.info('Signing message', { account: options.accountAddress });
         if (!this.client) {
             throw new Error('Not connected');
         }
@@ -5833,7 +5962,7 @@ class P2PSessionManager {
      * Terminate the current session
      */
     async terminateSession() {
-        logger$8.info('Terminating session');
+        logger$9.info('Terminating session');
         if (this.client) {
             await this.client.disconnect();
         }
@@ -5934,6 +6063,7 @@ class P2PSessionManager {
             accounts: accounts.map((acc, index) => ({
                 id: `p2p-${acc.address}`,
                 address: acc.address,
+                publicKey: acc.publicKey,
                 label: acc.alias || `Account ${index + 1}`,
                 ledgerId: acc.ledgerId,
                 networkId: acc.networkId,
@@ -5952,7 +6082,7 @@ class P2PSessionManager {
      * @param reason
      */
     handleDisconnection(reason) {
-        logger$8.info('Handling disconnection', { reason });
+        logger$9.info('Handling disconnection', { reason });
         this.cleanup();
         this.runInZone(() => {
             this._currentSession.set(null);
@@ -6004,7 +6134,7 @@ class P2PSessionManager {
                 callback(session);
             }
             catch (error) {
-                logger$8.error('Connected callback error', { error });
+                logger$9.error('Connected callback error', { error });
             }
         }
     }
@@ -6017,7 +6147,7 @@ class P2PSessionManager {
                 callback();
             }
             catch (error) {
-                logger$8.error('Disconnected callback error', { error });
+                logger$9.error('Disconnected callback error', { error });
             }
         }
     }
@@ -6031,7 +6161,7 @@ class P2PSessionManager {
                 callback(error);
             }
             catch (err) {
-                logger$8.error('Error callback error', { err });
+                logger$9.error('Error callback error', { err });
             }
         }
     }
@@ -6073,7 +6203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * 4. User approves session in wallet
  * 5. P2P upgrade happens automatically in background
  */
-const logger$7 = getLogger().scoped?.('P2PNativeProvider') ?? getLogger();
+const logger$8 = getLogger().scoped?.('P2PNativeProvider') ?? getLogger();
 /**
  * Storage key for mobile session metadata (separate from hsuite-native)
  */
@@ -6098,10 +6228,10 @@ class P2PSessionPersistence {
                 timestamp: Date.now(),
             };
             window.localStorage.setItem(P2P_SESSION_STORAGE_KEY, JSON.stringify(payload));
-            logger$7.debug('Mobile session persisted', { sessionId: session.sessionId });
+            logger$8.debug('Mobile session persisted', { sessionId: session.sessionId });
         }
         catch (error) {
-            logger$7.warn('Failed to persist mobile session', { error });
+            logger$8.warn('Failed to persist mobile session', { error });
         }
     }
     /**
@@ -6119,11 +6249,11 @@ class P2PSessionPersistence {
                 this.clear();
                 return null;
             }
-            logger$7.info('Restored mobile session metadata', { sessionId: stored.sessionId });
+            logger$8.info('Restored mobile session metadata', { sessionId: stored.sessionId });
             return stored;
         }
         catch (error) {
-            logger$7.warn('Failed to restore mobile session', { error });
+            logger$8.warn('Failed to restore mobile session', { error });
             return null;
         }
     }
@@ -6135,10 +6265,10 @@ class P2PSessionPersistence {
             if (typeof window === 'undefined')
                 return;
             window.localStorage.removeItem(P2P_SESSION_STORAGE_KEY);
-            logger$7.debug('Mobile session cleared');
+            logger$8.debug('Mobile session cleared');
         }
         catch (error) {
-            logger$7.warn('Failed to clear mobile session', { error });
+            logger$8.warn('Failed to clear mobile session', { error });
         }
     }
     /**
@@ -6258,7 +6388,7 @@ class P2PNativeProvider extends BaseWalletProvider {
     restorePersistedSession() {
         const stored = this.sessionPersistence.restore();
         if (stored) {
-            logger$7.info('Restoring persisted mobile session', {
+            logger$8.info('Restoring persisted mobile session', {
                 sessionId: stored.sessionId,
                 accountCount: stored.accounts?.length ?? 0,
             });
@@ -6269,7 +6399,7 @@ class P2PNativeProvider extends BaseWalletProvider {
             }
             // Note: We don't set connected status because WebRTC needs re-pairing
             // The persisted data is for account info only
-            logger$7.debug('Mobile session metadata restored (requires re-pairing for connection)');
+            logger$8.debug('Mobile session metadata restored (requires re-pairing for connection)');
         }
     }
     /**
@@ -6292,7 +6422,7 @@ class P2PNativeProvider extends BaseWalletProvider {
      * @throws {Error} If offer generation fails
      */
     async createPairingOffer(config) {
-        logger$7.info('Creating pairing offer', { config });
+        logger$8.info('Creating pairing offer', { config });
         try {
             this._connectionState.set('generating_offer');
             this._error.set(null);
@@ -6315,14 +6445,14 @@ class P2PNativeProvider extends BaseWalletProvider {
             this._pairingOffer.set(offerResult);
             this._connectionState.set('awaiting_scan');
             this._status.set('connecting');
-            logger$7.info('Pairing offer created', {
+            logger$8.info('Pairing offer created', {
                 qrDataLength: result.qrData.length,
                 expiresAt: offerResult.expiresAt,
             });
             return offerResult;
         }
         catch (error) {
-            logger$7.error('Failed to create pairing offer', { error });
+            logger$8.error('Failed to create pairing offer', { error });
             this._connectionState.set('error');
             this._status.set('error');
             this._error.set(error instanceof Error ? error.message : 'Failed to create pairing offer');
@@ -6336,7 +6466,7 @@ class P2PNativeProvider extends BaseWalletProvider {
      * @returns Promise resolving to new pairing offer
      */
     async refreshPairingOffer(config) {
-        logger$7.debug('Refreshing pairing offer');
+        logger$8.debug('Refreshing pairing offer');
         // Cancel any existing offer
         await this.sessionManager.cancelPairingOffer();
         return this.createPairingOffer(config);
@@ -6372,7 +6502,7 @@ class P2PNativeProvider extends BaseWalletProvider {
      * @throws {Error} If no pairing offer was created
      */
     async waitForSessionApproval() {
-        logger$7.info('Waiting for wallet to connect and approve session');
+        logger$8.info('Waiting for wallet to connect and approve session');
         this._connectionState.set('pending_approval');
         try {
             // This blocks until wallet connects via Nostr and user approves
@@ -6390,7 +6520,7 @@ class P2PNativeProvider extends BaseWalletProvider {
             return session;
         }
         catch (error) {
-            logger$7.error('Session approval failed', { error });
+            logger$8.error('Session approval failed', { error });
             this._connectionState.set('error');
             throw error;
         }
@@ -6415,10 +6545,10 @@ class P2PNativeProvider extends BaseWalletProvider {
      * @throws {Error} If connection times out (2 minutes)
      */
     async connect(config) {
-        logger$7.info('Connect called', { config });
+        logger$8.info('Connect called', { config });
         // If already connected, no-op
         if (this._status() === 'connected') {
-            logger$7.debug('Already connected');
+            logger$8.debug('Already connected');
             return;
         }
         // Create pairing offer and wait for connection
@@ -6446,7 +6576,7 @@ class P2PNativeProvider extends BaseWalletProvider {
      * persisted session data. The wallet is notified of the disconnection.
      */
     async disconnect() {
-        logger$7.info('Disconnecting');
+        logger$8.info('Disconnecting');
         try {
             await this.sessionManager.terminateSession();
         }
@@ -6478,7 +6608,7 @@ class P2PNativeProvider extends BaseWalletProvider {
         if (this._status() !== 'connected') {
             throw new Error('Not connected to wallet');
         }
-        logger$7.info('Signing transaction', { account: options.accountAddress });
+        logger$8.info('Signing transaction', { account: options.accountAddress });
         const result = await this.sessionManager.signTransaction({
             accountAddress: options.accountAddress,
             payload: options.payload,
@@ -6509,7 +6639,7 @@ class P2PNativeProvider extends BaseWalletProvider {
         if (this._status() !== 'connected') {
             throw new Error('Not connected to wallet');
         }
-        logger$7.info('Submitting transaction', { account: options.accountAddress });
+        logger$8.info('Submitting transaction', { account: options.accountAddress });
         const result = await this.sessionManager.submitTransaction({
             accountAddress: options.accountAddress,
             payload: options.payload,
@@ -6561,7 +6691,7 @@ class P2PNativeProvider extends BaseWalletProvider {
         if (this._status() !== 'connected') {
             throw new Error('Not connected to wallet');
         }
-        logger$7.info('Signing message', { account: options.accountAddress });
+        logger$8.info('Signing message', { account: options.accountAddress });
         const result = await this.sessionManager.signMessage({
             accountAddress: options.accountAddress,
             message: options.message,
@@ -6596,7 +6726,7 @@ class P2PNativeProvider extends BaseWalletProvider {
         // Connection established — wrap in NgZone to ensure Angular change
         // detection picks up signal updates from Nostr/WebSocket callbacks
         this.sessionManager.onConnected((session) => {
-            logger$7.info('Session connected', { sessionId: session?.id });
+            logger$8.info('Session connected', { sessionId: session?.id });
             this.ngZone.run(() => {
                 this._connectionState.set('connected');
                 this._status.set('connected');
@@ -6614,7 +6744,7 @@ class P2PNativeProvider extends BaseWalletProvider {
         });
         // Session terminated
         this.sessionManager.onDisconnected(() => {
-            logger$7.info('Session disconnected');
+            logger$8.info('Session disconnected');
             this.ngZone.run(() => {
                 this._connectionState.set('disconnected');
                 this._status.set('disconnected');
@@ -6625,7 +6755,7 @@ class P2PNativeProvider extends BaseWalletProvider {
         });
         // Error occurred
         this.sessionManager.onError((error) => {
-            logger$7.error('Session error', { error });
+            logger$8.error('Session error', { error });
             this.ngZone.run(() => {
                 this._connectionState.set('error');
                 this._status.set('error');
@@ -6634,7 +6764,7 @@ class P2PNativeProvider extends BaseWalletProvider {
         });
         // Accounts updated
         this.sessionManager.onAccountsChanged((accounts) => {
-            logger$7.debug('Accounts updated', { count: accounts.length });
+            logger$8.debug('Accounts updated', { count: accounts.length });
             this.ngZone.run(() => {
                 const accountsWithProvider = this.ensureProviderIdOnAccounts(accounts);
                 this._accounts.set(accountsWithProvider);
@@ -6704,7 +6834,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * +-------------------------------------------------------------------+
  * ```
  */
-const logger$6 = getLogger().scoped?.('UnifiedWalletService') ?? getLogger();
+const logger$7 = getLogger().scoped?.('UnifiedWalletService') ?? getLogger();
 /**
  * Central service for managing wallet connections across multiple protocols.
  *
@@ -6842,7 +6972,7 @@ class UnifiedWalletService {
                 return await reconnect.call(provider);
             }
             catch (error) {
-                logger$6.warn('Provider reconnect failed', { providerId, error });
+                logger$7.warn('Provider reconnect failed', { providerId, error });
                 return false;
             }
         }
@@ -6906,7 +7036,7 @@ class UnifiedWalletService {
      */
     registerProvider(provider) {
         if (this.providers.has(provider.id)) {
-            logger$6.warn('Provider already registered', { providerId: provider.id });
+            logger$7.warn('Provider already registered', { providerId: provider.id });
             return;
         }
         this.providers.set(provider.id, provider);
@@ -7361,7 +7491,7 @@ class UnifiedWalletService {
     switchAccount(accountId) {
         const account = this.getAccountById(accountId);
         if (!account) {
-            logger$6.warn('Account not found', { accountId });
+            logger$7.warn('Account not found', { accountId });
             return false;
         }
         this.setActiveAccount(account);
@@ -7416,7 +7546,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * - Keyboard navigation support
  * - Toast/alert integration
  */
-const logger$5 = getLogger().scoped?.('AccountSelectorService') ?? getLogger();
+const logger$6 = getLogger().scoped?.('AccountSelectorService') ?? getLogger();
 /**
  * @service AccountSelectorService
  * Business logic service for account selector component.
@@ -7505,7 +7635,7 @@ class AccountSelectorService {
             return null;
         }
         catch (error) {
-            logger$5.error('Error getting currently connected account', { error });
+            logger$6.error('Error getting currently connected account', { error });
             return null;
         }
     }, ...(ngDevMode ? [{ debugName: "currentlyConnectedAccount" }] : []));
@@ -7533,7 +7663,7 @@ class AccountSelectorService {
             return others;
         }
         catch (error) {
-            logger$5.error('Error getting other accounts', { error });
+            logger$6.error('Error getting other accounts', { error });
             return [];
         }
     }, ...(ngDevMode ? [{ debugName: "otherAccounts" }] : []));
@@ -7562,10 +7692,10 @@ class AccountSelectorService {
         // Modal mode: show toast and dismiss
         if (mode === 'modal') {
             await this.showSuccessToast(`Switched to ${account.label || 'Account'}`);
-            logger$5.info('[Modal] Account changed and modal dismissed', { ...accountData });
+            logger$6.info('[Modal] Account changed and modal dismissed', { ...accountData });
         }
         else {
-            logger$5.info('[Inline] Account changed', { ...accountData });
+            logger$6.info('[Inline] Account changed', { ...accountData });
         }
         return accountData;
     }
@@ -7617,7 +7747,7 @@ class AccountSelectorService {
      */
     async disconnectAll(_mode) {
         if (!this.alertController) {
-            logger$5.warn('AlertController not available for disconnect confirmation');
+            logger$6.warn('AlertController not available for disconnect confirmation');
             return false;
         }
         return new Promise((resolve) => {
@@ -7642,7 +7772,7 @@ class AccountSelectorService {
                                         await this.wallet.disconnectSession(session.providerId, session.metadata?.sessionKey);
                                     }
                                     catch (error) {
-                                        logger$5.error('Failed to disconnect session', {
+                                        logger$6.error('Failed to disconnect session', {
                                             providerId: session.providerId,
                                             error,
                                         });
@@ -7652,7 +7782,7 @@ class AccountSelectorService {
                                 resolve(true);
                             }
                             catch (error) {
-                                logger$5.error('Failed to disconnect all sessions', { error });
+                                logger$6.error('Failed to disconnect all sessions', { error });
                                 this.error.set('Failed to disconnect all wallets');
                                 resolve(false);
                             }
@@ -7737,11 +7867,11 @@ class AccountSelectorService {
             if (mode === 'modal') {
                 await this.showSuccessToast('Wallet disconnected successfully');
             }
-            logger$5.info('Session disconnected', { providerId, sessionKey, mode });
+            logger$6.info('Session disconnected', { providerId, sessionKey, mode });
             return true;
         }
         catch (error) {
-            logger$5.error('Failed to disconnect session', { providerId, error });
+            logger$6.error('Failed to disconnect session', { providerId, error });
             if (mode === 'modal') {
                 await this.showErrorToast('Failed to disconnect wallet. Please try again.');
             }
@@ -8439,24 +8569,22 @@ class WalletAccountDisplayComponent {
         }
         return null;
     }, ...(ngDevMode ? [{ debugName: "multisigInfo" }] : []));
+    /**
+     *
+     */
     constructor() {
         addIcons({ walletOutline, personOutline, peopleOutline });
     }
     /**
      * Get color for ledger badge
+     * @param ledgerId
      */
     getLedgerColor(ledgerId) {
-        switch (ledgerId.toLowerCase()) {
-            case 'hedera':
-                return 'success';
-            case 'xrpl':
-                return 'tertiary';
-            default:
-                return 'primary';
-        }
+        return LedgerUIRegistry.get(ledgerId.toLowerCase())?.badgeColor ?? 'primary';
     }
     /**
      * Format network ID for display
+     * @param networkId
      */
     formatNetwork(networkId) {
         const parts = networkId.split(':');
@@ -9290,7 +9418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * - HSuite Native + Mobile QR: Network → Protocol → Method → QR Pairing (4 steps)
  * - WalletConnect: Network → Protocol → Ledger → Connect (4 steps)
  */
-const logger$4 = getLogger().scoped?.('WalletConnectionModal') ?? getLogger();
+const logger$5 = getLogger().scoped?.('WalletConnectionModal') ?? getLogger();
 /**
  * Connection step enumeration for the wizard flow
  */
@@ -9303,6 +9431,18 @@ var ConnectionStep;
     ConnectionStep[ConnectionStep["QrPairing"] = 5] = "QrPairing";
     ConnectionStep[ConnectionStep["ConnectionProgress"] = 6] = "ConnectionProgress";
 })(ConnectionStep || (ConnectionStep = {}));
+/**
+ * Per-ledger copy for the WalletConnect "Choose Blockchain" step.
+ *
+ * Keyed by {@link SupportedLedger} (the closed set of ledgers the WalletConnect
+ * provider brokers) via `satisfies`, so widening that union forces a description
+ * here. Display name and icon come from {@link LedgerUIRegistry}; this map holds
+ * only the connection-flow copy specific to this surface.
+ */
+const LEDGER_DESCRIPTIONS = {
+    hedera: 'Hedera Hashgraph network',
+    xrpl: 'XRP Ledger network',
+};
 /**
  * Main wallet connection modal component.
  * Orchestrates the multi-step connection flow.
@@ -9314,6 +9454,15 @@ class WalletConnectionModalComponent {
      * WalletConnect project ID (required for WalletConnect)
      */
     projectId;
+    /**
+     * Pins the connection network and hides the network-selection step.
+     *
+     * When set to `'mainnet'` or `'testnet'`, the host dApp decides the network
+     * and the user is never shown the network picker — the modal opens directly
+     * on protocol selection. When omitted (default), the user chooses the network
+     * as the first step.
+     */
+    network;
     /**
      * App name for WalletConnect metadata
      */
@@ -9407,20 +9556,15 @@ class WalletConnectionModalComponent {
         }
         return options;
     }, ...(ngDevMode ? [{ debugName: "protocolOptions" }] : []));
-    ledgerOptions = [
-        {
-            id: 'hedera',
-            name: 'Hedera',
-            description: 'Hedera Hashgraph network',
-            icon: 'logo-bitcoin', // Placeholder, use actual Hedera icon
-        },
-        {
-            id: 'xrpl',
-            name: 'XRP Ledger',
-            description: 'XRP Ledger network',
-            icon: 'logo-usd', // Placeholder, use actual XRPL icon
-        },
-    ];
+    ledgerOptions = Object.keys(LEDGER_DESCRIPTIONS).map((id) => {
+        const ui = LedgerUIRegistry.get(id);
+        return {
+            id,
+            name: ui?.displayName ?? id,
+            description: LEDGER_DESCRIPTIONS[id],
+            icon: ui?.iconName ?? '',
+        };
+    });
     /**
      * Connection method options for HSuite Native.
      * Simplified to two options:
@@ -9499,21 +9643,30 @@ class WalletConnectionModalComponent {
     stepConfig = computed(() => {
         const protocol = this.selectedProtocol();
         const method = this.selectedConnectionMethod();
+        let base;
         // Initial state: show 3 placeholder steps until protocol is selected
         if (!protocol) {
-            return { total: 3, labels: ['Network', 'Protocol', '...'] };
+            base = { total: 3, labels: ['Network', 'Protocol', '...'] };
         }
-        // HSuite Native path
-        if (protocol === 'hsuite-native') {
-            // If mobile QR is selected, we need 4 steps
-            if (method === 'mobile-qr') {
-                return { total: 4, labels: ['Network', 'Protocol', 'Method', 'Pair'] };
-            }
-            // Desktop connection is 3 steps (connects immediately after method selection)
-            return { total: 3, labels: ['Network', 'Protocol', 'Method'] };
+        else if (protocol === 'hsuite-native') {
+            // HSuite Native path
+            base =
+                method === 'mobile-qr'
+                    ? // Mobile QR needs 4 steps
+                        { total: 4, labels: ['Network', 'Protocol', 'Method', 'Pair'] }
+                    : // Desktop connects immediately after method selection (3 steps)
+                        { total: 3, labels: ['Network', 'Protocol', 'Method'] };
+        }
+        else {
+            // WalletConnect path: 4 steps
+            base = { total: 4, labels: ['Network', 'Protocol', 'Ledger', 'Connect'] };
         }
-        // WalletConnect path: 4 steps
-        return { total: 4, labels: ['Network', 'Protocol', 'Ledger', 'Connect'] };
+        // When the network is pinned by the host dApp the network step is never
+        // shown — drop it from the indicator so the numbering stays accurate.
+        if (this.network) {
+            return { total: base.total - 1, labels: base.labels.slice(1) };
+        }
+        return base;
     }, ...(ngDevMode ? [{ debugName: "stepConfig" }] : []));
     /**
      * Maps the internal ConnectionStep enum to display position (1-based).
@@ -9523,20 +9676,23 @@ class WalletConnectionModalComponent {
         const step = this.currentStep();
         // Protocol could be used for protocol-specific step mapping in the future
         const _protocol = this.selectedProtocol();
+        // When the network is pinned the network step is removed, so every
+        // subsequent step shifts down one position in the indicator.
+        const networkOffset = this.network ? 1 : 0;
         // Map internal step to display position based on protocol path
         switch (step) {
             case ConnectionStep.NetworkSelection:
                 return 1;
             case ConnectionStep.ProtocolSelection:
-                return 2;
+                return 2 - networkOffset;
             case ConnectionStep.ConnectionMethodSelection:
-                return 3;
+                return 3 - networkOffset;
             case ConnectionStep.LedgerSelection:
                 // WalletConnect ledger selection is step 3
-                return 3;
+                return 3 - networkOffset;
             case ConnectionStep.QrPairing:
                 // QR pairing is step 4 for both paths that use it
-                return 4;
+                return 4 - networkOffset;
             case ConnectionStep.ConnectionProgress:
                 // Connection progress is always the last step
                 return this.stepConfig().total;
@@ -9544,6 +9700,22 @@ class WalletConnectionModalComponent {
                 return 1;
         }
     }, ...(ngDevMode ? [{ debugName: "displayStep" }] : []));
+    /**
+     * Whether a back affordance should be offered for the current step.
+     * The first reachable step has no back target — that is protocol selection
+     * when the network is pinned, otherwise network selection. The connection
+     * progress step manages its own retry navigation instead.
+     */
+    canGoBack = computed(() => {
+        const step = this.currentStep();
+        if (step === ConnectionStep.ConnectionProgress) {
+            return false;
+        }
+        const firstStep = this.network
+            ? ConnectionStep.ProtocolSelection
+            : ConnectionStep.NetworkSelection;
+        return step > firstStep;
+    }, ...(ngDevMode ? [{ debugName: "canGoBack" }] : []));
     /**
      *
      * @param modalController
@@ -9556,6 +9728,21 @@ class WalletConnectionModalComponent {
         this.p2pNativeProvider.onPeerConnected(() => {
             this.onMobileConnected();
         });
+        // Register the shared ledger brand logos so <ion-icon> can resolve them by name.
+        registerLedgerIcons();
+    }
+    /**
+     * Apply the pinned network (if any) before the first render.
+     *
+     * When the host dApp provides a {@link network}, lock the selection to it and
+     * skip straight to protocol selection so the user never sees — and cannot
+     * change — the network. With no input, the modal opens on network selection.
+     */
+    ngOnInit() {
+        if (this.network) {
+            this.selectedNetwork.set(this.network);
+            this.currentStep.set(ConnectionStep.ProtocolSelection);
+        }
     }
     /**
      * Select a network option (internal, use selectNetworkAndProceed for UI)
@@ -9672,7 +9859,11 @@ class WalletConnectionModalComponent {
     back() {
         const currentStep = this.currentStep();
         if (currentStep === ConnectionStep.ProtocolSelection) {
-            this.currentStep.set(ConnectionStep.NetworkSelection);
+            // When the network is pinned, protocol selection is the first reachable
+            // step — there is no network step to return to.
+            if (!this.network) {
+                this.currentStep.set(ConnectionStep.NetworkSelection);
+            }
         }
         else if (currentStep === ConnectionStep.ConnectionMethodSelection) {
             this.currentStep.set(ConnectionStep.ProtocolSelection);
@@ -9752,7 +9943,7 @@ class WalletConnectionModalComponent {
             await this.modalController.dismiss({ connected: true });
         }
         catch (error) {
-            logger$4.error('Connection failed', {
+            logger$5.error('Connection failed', {
                 error: error instanceof Error ? error.message : String(error),
             });
             this.connectionError.set(error instanceof Error ? error.message : 'Connection failed. Please try again.');
@@ -9797,7 +9988,7 @@ class WalletConnectionModalComponent {
             this.waitForWalletApproval();
         }
         catch (error) {
-            logger$4.error('Failed to create pairing offer', { error });
+            logger$5.error('Failed to create pairing offer', { error });
             this.connectionError.set(error instanceof Error ? error.message : 'Failed to generate QR code');
             this.isGeneratingOffer.set(false);
         }
@@ -9810,7 +10001,7 @@ class WalletConnectionModalComponent {
         try {
             // This blocks until wallet scans QR, connects via Nostr, and user approves
             const session = await this.p2pNativeProvider.waitForSessionApproval();
-            logger$4.info('Session approved by wallet', {
+            logger$5.info('Session approved by wallet', {
                 sessionId: session?.sessionId,
                 accounts: session?.accounts?.length,
             });
@@ -9819,7 +10010,7 @@ class WalletConnectionModalComponent {
         catch (error) {
             // Only show error if we're still on the QR pairing step (not cancelled)
             if (this.currentStep() === ConnectionStep.QrPairing) {
-                logger$4.error('Session approval failed', { error });
+                logger$5.error('Session approval failed', { error });
                 this.connectionError.set(error instanceof Error ? error.message : 'Session approval failed or rejected');
             }
             this.isWaitingForWallet.set(false);
@@ -9830,7 +10021,7 @@ class WalletConnectionModalComponent {
      * Handle QR code expiry
      */
     onQrExpired() {
-        logger$4.debug('QR code expired');
+        logger$5.debug('QR code expired');
         this.pairingOffer.set('');
         this.isWaitingForWallet.set(false);
     }
@@ -9846,7 +10037,7 @@ class WalletConnectionModalComponent {
      * Handle successful mobile connection
      */
     onMobileConnected() {
-        logger$4.info('Mobile wallet connected');
+        logger$5.info('Mobile wallet connected');
         this.connected.emit({ protocol: 'mobile-native', method: 'qr' });
         void this.modalController.dismiss({ connected: true });
     }
@@ -9869,13 +10060,15 @@ class WalletConnectionModalComponent {
             .__HSUITE_WALLET_EXTENSION__ === true);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WalletConnectionModalComponent, deps: [{ token: i1$1.ModalController }, { token: UnifiedWalletService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: WalletConnectionModalComponent, isStandalone: true, selector: "hsuite-wallet-connection-modal", inputs: { projectId: "projectId", appName: "appName", appDescription: "appDescription", walletUrl: "walletUrl" }, outputs: { connected: "connected" }, ngImport: i0, template: "<ion-content>\n  <div class=\"modal-inner-content wallet-connection-modal\">\n    <div class=\"header\">\n      <div class=\"title\">\n        <ion-button\n          *ngIf=\"currentStep() > 1 && currentStep() !== ConnectionStep.ConnectionProgress\"\n          (click)=\"back()\"\n          fill=\"clear\"\n          class=\"back-btn\"\n        >\n          <ion-icon slot=\"icon-only\" name=\"arrow-back-outline\"></ion-icon>\n        </ion-button>\n        <p>{{ stepTitle() }}</p>\n      </div>\n      <ion-button class=\"close-modal\" (click)=\"dismiss()\" fill=\"clear\" [disabled]=\"isConnecting()\">\n        <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n      </ion-button>\n    </div>\n\n    <!-- Dynamic Step Progress Indicator -->\n    <div class=\"dao-header\">\n      <div class=\"step-progress\">\n        <!-- Dynamic steps based on selected protocol path -->\n        <ng-container *ngFor=\"let label of stepConfig().labels; let i = index\">\n          <div class=\"step-indicator\">\n            <div\n              class=\"step-circle\"\n              [class.active]=\"displayStep() === i + 1\"\n              [class.completed]=\"displayStep() > i + 1\"\n              [attr.title]=\"label\"\n            >\n              <ion-icon *ngIf=\"displayStep() > i + 1\" name=\"checkmark\"></ion-icon>\n              <span *ngIf=\"displayStep() <= i + 1\">{{ i + 1 }}</span>\n            </div>\n            <!-- Step line between circles (not after the last one) -->\n            <div\n              class=\"step-line\"\n              *ngIf=\"i < stepConfig().labels.length - 1\"\n              [class.active]=\"displayStep() > i + 1\"\n            ></div>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <div class=\"form\">\n      <!-- Step 1: Network Selection (Direct Selection - click advances to next step) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.NetworkSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Choose Network</h3>\n            <p>Select the network you want to connect to.</p>\n          </div>\n\n          <div class=\"options-grid direct-select\">\n            <ion-card\n              *ngFor=\"let network of networkOptions\"\n              (click)=\"selectNetworkAndProceed(network.id)\"\n              [class.selected]=\"selectedNetwork() === network.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"option-icon\">\n                  <ion-icon [name]=\"network.icon\"></ion-icon>\n                </div>\n                <h3>{{ network.name }}</h3>\n                <p>{{ network.description }}</p>\n                <ion-badge *ngIf=\"network.recommended\" color=\"success\">Recommended</ion-badge>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 2: Protocol Selection (Direct Selection - click advances to next step) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ProtocolSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Connection Protocol</h3>\n            <p>Choose how you want to connect your wallet.</p>\n          </div>\n\n          <div class=\"options-list direct-select\">\n            <ion-card\n              *ngFor=\"let protocol of protocolOptions()\"\n              (click)=\"selectProtocolAndProceed(protocol.id)\"\n              [class.selected]=\"selectedProtocol() === protocol.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"protocol-header\">\n                  <div class=\"option-icon\">\n                    <ion-icon [name]=\"protocol.icon\"></ion-icon>\n                  </div>\n                  <div class=\"protocol-info\">\n                    <h3>{{ protocol.name }}</h3>\n                    <p>{{ protocol.description }}</p>\n                  </div>\n                </div>\n\n                <ul class=\"feature-list\">\n                  <li *ngFor=\"let feature of protocol.features\">\n                    <ion-icon name=\"checkmark-circle\" color=\"success\"></ion-icon>\n                    <span>{{ feature }}</span>\n                  </li>\n                </ul>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 3: Connection Method Selection (HSuite Native only) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ConnectionMethodSelection\" class=\"step-content\">\n        <hsuite-connection-method-step\n          [methods]=\"connectionMethodOptions()\"\n          [isMobile]=\"isMobile()\"\n          [selectedMethod]=\"selectedConnectionMethod()\"\n          (methodSelected)=\"onConnectionMethodSelected($event)\"\n        ></hsuite-connection-method-step>\n      </div>\n\n      <!-- Step 3 (WalletConnect path): Ledger Selection (Direct Selection - click initiates connection) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.LedgerSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Choose Blockchain</h3>\n            <p>Select the blockchain ledger to connect with.</p>\n          </div>\n\n          <div class=\"options-grid direct-select\">\n            <ion-card\n              *ngFor=\"let ledger of ledgerOptions\"\n              (click)=\"selectLedgerAndConnect(ledger.id)\"\n              [class.selected]=\"selectedLedger() === ledger.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"option-icon\">\n                  <ion-icon [name]=\"ledger.icon\"></ion-icon>\n                </div>\n                <h3>{{ ledger.name }}</h3>\n                <p>{{ ledger.description }}</p>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 5: QR Pairing (Mobile P2P - Nostr-first, single QR) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.QrPairing\" class=\"step-content\">\n        <hsuite-qr-pairing-step\n          [offerData]=\"pairingOffer()\"\n          [appName]=\"appName\"\n          [isLoading]=\"isGeneratingOffer()\"\n          [isWaitingForWallet]=\"isWaitingForWallet()\"\n          [isWaitingForApproval]=\"isWaitingForApproval()\"\n          [errorMessage]=\"connectionError()\"\n          (expired)=\"onQrExpired()\"\n          (refreshRequested)=\"onQrRefresh()\"\n          (cancelled)=\"back()\"\n        ></hsuite-qr-pairing-step>\n      </div>\n\n      <!-- Step 6: Connection Progress -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ConnectionProgress\" class=\"step-content\">\n        <div class=\"membership-section connection-progress\">\n          <div *ngIf=\"isConnecting()\" class=\"status-info\">\n            <ion-spinner name=\"crescent\"></ion-spinner>\n            <h3>Connecting...</h3>\n            <p *ngIf=\"selectedProtocol() === 'walletconnect'\">\n              Please approve the connection in your wallet app or scan the QR code.\n            </p>\n            <p *ngIf=\"selectedProtocol() === 'hsuite-native'\">Opening HSuite Wallet...</p>\n          </div>\n\n          <div *ngIf=\"connectionError()\" class=\"membership-section\">\n            <div class=\"error-section\">\n              <ion-item lines=\"none\">\n                <ion-icon slot=\"start\" name=\"alert-circle-outline\" color=\"danger\"></ion-icon>\n                <ion-label>\n                  <h3>Connection Failed</h3>\n                  <p>{{ connectionError() }}</p>\n                </ion-label>\n              </ion-item>\n            </div>\n            <ion-button expand=\"block\" fill=\"outline\" (click)=\"back()\" class=\"ion-margin-top\">\n              Try Again\n            </ion-button>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Footer removed: All steps now use direct selection (click to proceed) -->\n  </div>\n</ion-content>\n", styles: [":host{display:flex;align-items:center;justify-content:center;height:100%;width:100%}ion-content{--background: transparent;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;height:100vh;width:100%;display:flex!important;align-items:center!important;justify-content:center!important}ion-content::part(scroll){display:flex;align-items:center;justify-content:center;min-height:100%;width:100%}.modal-inner-content{width:90%;max-width:600px;max-height:80vh;background:var(--glass-background, rgba(var(--ion-color-dark-rgb), .95));border-radius:var(--border-radius-xl, 16px);padding:0;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);border:1px solid var(--border-flat, rgba(var(--ion-color-light-rgb), .1));overflow:hidden;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg, 16px) var(--space-xl, 20px);background:transparent;flex-shrink:0}.header .title{display:flex;align-items:center;gap:var(--space-sm, 8px);flex:1}.header .title p{margin:0;font-size:var(--font-size-2xl, 24px);font-weight:var(--font-weight-bold, 700);color:var(--ion-text-color);line-height:1.2}.header .back-btn{--padding-start: 8px;--padding-end: 8px;margin:0}.header .back-btn ion-icon{font-size:22px;color:var(--ion-color-primary)}.header .close-modal{--padding-start: 8px;--padding-end: 8px;margin:0;cursor:pointer}.header .close-modal ion-icon{font-size:24px;color:var(--ion-text-color)}.header .close-modal:hover:not(:disabled){transform:scale(1.05)}.header .close-modal:active:not(:disabled){transform:scale(.95)}.form{flex:1;overflow-y:auto;padding:0 var(--space-xl, 20px) var(--space-xl, 20px) var(--space-xl, 20px);background:transparent}.form::-webkit-scrollbar{width:8px}.form::-webkit-scrollbar-track{background:var(--surface-flat, rgba(var(--ion-color-light-rgb), .05));border-radius:4px}.form::-webkit-scrollbar-thumb{background:rgba(var(--ion-color-light-rgb),.2);border-radius:4px}.form::-webkit-scrollbar-thumb:hover{background:rgba(var(--ion-color-light-rgb),.3)}@media(min-width:768px){.modal-inner-content{width:80%;max-width:700px;border-radius:20px}.header{padding:20px 24px}.dao-header{margin:0 24px 24px}.form{padding:0 24px 24px}}@media(max-width:480px){.modal-inner-content{width:95%;max-height:85vh}.header{padding:14px 16px}.dao-header{margin:0 16px 20px}.form{padding:0 16px 16px}}.dao-header{margin:0 var(--space-xl, 20px) var(--token-space-6, 24px) var(--space-xl, 20px);padding:var(--token-space-4, 16px);background:var(--token-surface-2, var(--surface-flat, rgba(var(--ion-color-light-rgb), .05)));border:var(--token-border-width-1, 1px) solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);box-shadow:var(--token-elevation-1, var(--shadow-sm));flex-shrink:0;animation:fadeIn var(--token-transition-slow, .3s) ease}.dao-header .step-progress{display:flex;align-items:center;justify-content:center}.dao-header .step-progress .step-indicator{display:flex;align-items:center}.dao-header .step-progress .step-indicator .step-circle{width:36px;height:36px;border-radius:var(--token-radius-full, 50%);display:flex;align-items:center;justify-content:center;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .1));color:var(--ion-text-color);font-weight:var(--token-font-weight-semibold, 600);font-size:var(--token-font-size-2, 14px);border:var(--token-border-width-1, 1px) solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .2)));transition:all var(--token-transition-slow, .3s) var(--token-ease-in-out, cubic-bezier(.4, 0, .2, 1))}.dao-header .step-progress .step-indicator .step-circle.active{background:var(--ion-color-primary);color:var(--ion-color-primary-contrast);border-color:var(--ion-color-primary);transform:scale(1.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.2)}.dao-header .step-progress .step-indicator .step-circle.completed{background:var(--ion-color-success);color:var(--ion-color-success-contrast);border-color:var(--ion-color-success);transform:scale(1.05)}.dao-header .step-progress .step-indicator .step-circle:hover:not(.active):not(.completed){transform:scale(1.05);background:rgba(var(--ion-color-light-rgb),.15)}.dao-header .step-progress .step-indicator .step-circle ion-icon{font-size:20px}.dao-header .step-progress .step-indicator .step-line{width:40px;height:var(--token-border-width-2, 2px);background:var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .2)));margin:0 var(--token-space-2, 8px);transition:all var(--token-transition-slow, .3s) ease}.dao-header .step-progress .step-indicator .step-line.active{background:var(--ion-color-success);box-shadow:0 0 8px rgba(var(--ion-color-success-rgb),.5)}.membership-section{margin-bottom:var(--token-space-6, 24px);animation:fadeIn var(--token-transition-slow, .3s) ease}.membership-section .explanation{margin-bottom:var(--token-space-4, 16px)}.membership-section .explanation h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);color:var(--ion-text-color);line-height:var(--token-line-height-tight, 1.3);margin:0 0 var(--token-space-2, 8px) 0}.membership-section .explanation p{font-size:var(--token-font-size-2, 14px);color:var(--ion-color-medium);line-height:var(--token-line-height-normal, 1.4);margin:0}.membership-section .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--token-space-3, 12px)}.membership-section .options-grid ion-card{margin:0;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .05));border:1px solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);transition:all var(--token-transition-normal, .2s) ease;cursor:pointer;box-shadow:var(--token-elevation-1, var(--shadow-sm))}.membership-section .options-grid ion-card:hover{transform:translateY(-2px);background:var(--token-surface-hover, rgba(var(--ion-color-light-rgb), .08));border-color:var(--border-flat, rgba(var(--ion-color-light-rgb), .2));box-shadow:var(--token-elevation-2, var(--shadow-md))}.membership-section .options-grid ion-card:active{transform:translateY(0)}.membership-section .options-grid ion-card.selected{border:2px solid var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.1)}.membership-section .options-grid ion-card ion-card-content{text-align:center;padding:var(--token-space-5, 20px)}.membership-section .options-grid ion-card ion-card-content .option-icon{margin-bottom:var(--token-space-3, 12px)}.membership-section .options-grid ion-card ion-card-content .option-icon ion-icon{font-size:40px;color:var(--ion-color-primary);transition:transform var(--token-transition-fast, .15s) ease}.membership-section .options-grid ion-card ion-card-content h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-2, 6px) 0;color:var(--ion-text-color)}.membership-section .options-grid ion-card ion-card-content p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0 0 var(--token-space-2, 8px) 0;line-height:var(--token-line-height-tight, 1.3)}.membership-section .options-grid ion-card:hover .option-icon ion-icon{transform:scale(1.1) rotate(5deg)}.membership-section .options-list{display:flex;flex-direction:column;gap:var(--token-space-3, 12px)}.membership-section .options-list ion-card{margin:0;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .05));border:1px solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);transition:all var(--token-transition-normal, .2s) ease;cursor:pointer;box-shadow:var(--token-elevation-1, var(--shadow-sm))}.membership-section .options-list ion-card:hover{transform:translate(4px);background:var(--token-surface-hover, rgba(var(--ion-color-light-rgb), .08));border-color:var(--border-flat, rgba(var(--ion-color-light-rgb), .2));box-shadow:var(--token-elevation-2, var(--shadow-md))}.membership-section .options-list ion-card:active{transform:translate(2px)}.membership-section .options-list ion-card.selected{border:2px solid var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.1)}.membership-section .options-list ion-card ion-card-content{padding:var(--token-space-4, 16px)}.membership-section .options-list ion-card ion-card-content .protocol-header{display:flex;align-items:center;gap:var(--token-space-3, 12px);margin-bottom:var(--token-space-3, 12px)}.membership-section .options-list ion-card ion-card-content .protocol-header .option-icon ion-icon{font-size:36px;color:var(--ion-color-primary);transition:transform var(--token-transition-fast, .15s) ease}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info{flex:1;min-width:0}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-1, 4px) 0;color:var(--ion-text-color)}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0;line-height:var(--token-line-height-tight, 1.3)}.membership-section .options-list ion-card ion-card-content .feature-list{list-style:none;padding:0;margin:0}.membership-section .options-list ion-card ion-card-content .feature-list li{display:flex;align-items:center;gap:var(--token-space-2, 8px);padding:var(--token-space-1, 4px) 0;font-size:var(--token-font-size-1, 13px);color:var(--ion-text-color);line-height:var(--token-line-height-normal, 1.4)}.membership-section .options-list ion-card ion-card-content .feature-list li ion-icon{font-size:var(--token-space-4, 16px);flex-shrink:0;color:var(--ion-color-success)}.membership-section .options-list ion-card:hover .protocol-header .option-icon ion-icon{transform:scale(1.1) rotate(5deg)}.membership-section.connection-progress{display:flex;justify-content:center;align-items:center;min-height:200px}.membership-section.connection-progress .status-info{text-align:center;padding:var(--token-space-6, 24px)}.membership-section.connection-progress .status-info ion-spinner{font-size:48px;margin-bottom:var(--token-space-4, 16px);color:var(--ion-color-primary)}.membership-section.connection-progress .status-info h3{font-size:var(--token-font-size-4, 18px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-2, 8px) 0;color:var(--ion-text-color)}.membership-section.connection-progress .status-info p{font-size:var(--token-font-size-2, 14px);color:var(--ion-color-medium);margin:0;max-width:300px;line-height:var(--token-line-height-normal, 1.4)}.membership-section .error-section{padding:var(--token-space-3, 12px);background:rgba(var(--ion-color-danger-rgb),.1);border:1px solid rgba(var(--ion-color-danger-rgb),.2);border-radius:var(--token-radius-2, 8px)}.membership-section .error-section ion-item{--background: transparent;--padding-start: 0;--inner-padding-end: 0}.membership-section .error-section ion-item ion-icon{font-size:var(--token-space-6, 24px)}.membership-section .error-section ion-item ion-label h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);color:var(--ion-color-danger);margin:0 0 var(--token-space-1, 4px) 0}.membership-section .error-section ion-item ion-label p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0;line-height:var(--token-line-height-tight, 1.3)}.step-content{animation:stepFadeIn var(--token-transition-normal, .25s) var(--token-ease-out, cubic-bezier(0, 0, .2, 1))}.direct-select ion-card{position:relative;overflow:hidden}.direct-select ion-card:after{content:\"\";position:absolute;right:12px;top:50%;transform:translateY(-50%) translate(0);width:0;height:0;border-left:6px solid var(--ion-color-primary);border-top:5px solid transparent;border-bottom:5px solid transparent;opacity:0;transition:all var(--token-transition-fast, .15s) ease}.direct-select ion-card:hover:after{opacity:.6;transform:translateY(-50%) translate(4px)}.direct-select ion-card:hover{border-color:rgba(var(--ion-color-primary-rgb),.4)}.direct-select ion-card:hover .option-icon ion-icon{color:var(--ion-color-primary)}.direct-select ion-card:active{transform:scale(.98);background:rgba(var(--ion-color-primary-rgb),.15)!important}.direct-select.options-grid ion-card:after{right:8px;top:16px;transform:translateY(0) translate(0)}.direct-select.options-grid ion-card:hover:after{transform:translateY(0) translate(4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stepPulse{0%{box-shadow:0 0 rgba(var(--ion-color-primary-rgb),.4)}70%{box-shadow:0 0 0 8px rgba(var(--ion-color-primary-rgb),0)}to{box-shadow:0 0 rgba(var(--ion-color-primary-rgb),0)}}.step-progress .step-indicator .step-circle.active{animation:stepPulse 1.5s ease-out infinite}@media(max-width:768px){.membership-section .options-grid{grid-template-columns:1fr}.dao-header .step-progress .step-indicator .step-circle{width:28px;height:28px;font-size:12px}.dao-header .step-progress .step-indicator .step-line{width:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}@keyframes fadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes stepFadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes stepPulse{0%,to{box-shadow:none}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1$1.IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1$1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: ConnectionMethodStepComponent, selector: "hsuite-connection-method-step", inputs: ["methods", "isMobile", "selectedMethod"], outputs: ["methodSelected"] }, { kind: "component", type: QrPairingStepComponent, selector: "hsuite-qr-pairing-step", inputs: ["offerData", "appName", "isLoading", "isWaitingForWallet", "isWaitingForApproval", "errorMessage", "expirySeconds"], outputs: ["expired", "connected", "cancelled", "refreshRequested"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: WalletConnectionModalComponent, isStandalone: true, selector: "hsuite-wallet-connection-modal", inputs: { projectId: "projectId", network: "network", appName: "appName", appDescription: "appDescription", walletUrl: "walletUrl" }, outputs: { connected: "connected" }, ngImport: i0, template: "<ion-content>\n  <div class=\"modal-inner-content wallet-connection-modal\">\n    <div class=\"header\">\n      <div class=\"title\">\n        <ion-button *ngIf=\"canGoBack()\" (click)=\"back()\" fill=\"clear\" class=\"back-btn\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-back-outline\"></ion-icon>\n        </ion-button>\n        <p>{{ stepTitle() }}</p>\n      </div>\n      <ion-button class=\"close-modal\" (click)=\"dismiss()\" fill=\"clear\" [disabled]=\"isConnecting()\">\n        <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n      </ion-button>\n    </div>\n\n    <!-- Dynamic Step Progress Indicator -->\n    <div class=\"dao-header\">\n      <div class=\"step-progress\">\n        <!-- Dynamic steps based on selected protocol path -->\n        <ng-container *ngFor=\"let label of stepConfig().labels; let i = index\">\n          <div class=\"step-indicator\">\n            <div\n              class=\"step-circle\"\n              [class.active]=\"displayStep() === i + 1\"\n              [class.completed]=\"displayStep() > i + 1\"\n              [attr.title]=\"label\"\n            >\n              <ion-icon *ngIf=\"displayStep() > i + 1\" name=\"checkmark\"></ion-icon>\n              <span *ngIf=\"displayStep() <= i + 1\">{{ i + 1 }}</span>\n            </div>\n            <!-- Step line between circles (not after the last one) -->\n            <div\n              class=\"step-line\"\n              *ngIf=\"i < stepConfig().labels.length - 1\"\n              [class.active]=\"displayStep() > i + 1\"\n            ></div>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <div class=\"form\">\n      <!-- Step 1: Network Selection (Direct Selection - click advances to next step) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.NetworkSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Choose Network</h3>\n            <p>Select the network you want to connect to.</p>\n          </div>\n\n          <div class=\"options-grid direct-select\">\n            <ion-card\n              *ngFor=\"let network of networkOptions\"\n              (click)=\"selectNetworkAndProceed(network.id)\"\n              [class.selected]=\"selectedNetwork() === network.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"option-icon\">\n                  <ion-icon [name]=\"network.icon\"></ion-icon>\n                </div>\n                <h3>{{ network.name }}</h3>\n                <p>{{ network.description }}</p>\n                <ion-badge *ngIf=\"network.recommended\" color=\"success\">Recommended</ion-badge>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 2: Protocol Selection (Direct Selection - click advances to next step) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ProtocolSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Connection Protocol</h3>\n            <p>Choose how you want to connect your wallet.</p>\n          </div>\n\n          <div class=\"options-list direct-select\">\n            <ion-card\n              *ngFor=\"let protocol of protocolOptions()\"\n              (click)=\"selectProtocolAndProceed(protocol.id)\"\n              [class.selected]=\"selectedProtocol() === protocol.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"protocol-header\">\n                  <div class=\"option-icon\">\n                    <ion-icon [name]=\"protocol.icon\"></ion-icon>\n                  </div>\n                  <div class=\"protocol-info\">\n                    <h3>{{ protocol.name }}</h3>\n                    <p>{{ protocol.description }}</p>\n                  </div>\n                </div>\n\n                <ul class=\"feature-list\">\n                  <li *ngFor=\"let feature of protocol.features\">\n                    <ion-icon name=\"checkmark-circle\" color=\"success\"></ion-icon>\n                    <span>{{ feature }}</span>\n                  </li>\n                </ul>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 3: Connection Method Selection (HSuite Native only) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ConnectionMethodSelection\" class=\"step-content\">\n        <hsuite-connection-method-step\n          [methods]=\"connectionMethodOptions()\"\n          [isMobile]=\"isMobile()\"\n          [selectedMethod]=\"selectedConnectionMethod()\"\n          (methodSelected)=\"onConnectionMethodSelected($event)\"\n        ></hsuite-connection-method-step>\n      </div>\n\n      <!-- Step 3 (WalletConnect path): Ledger Selection (Direct Selection - click initiates connection) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.LedgerSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Choose Blockchain</h3>\n            <p>Select the blockchain ledger to connect with.</p>\n          </div>\n\n          <div class=\"options-grid direct-select\">\n            <ion-card\n              *ngFor=\"let ledger of ledgerOptions\"\n              (click)=\"selectLedgerAndConnect(ledger.id)\"\n              [class.selected]=\"selectedLedger() === ledger.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"option-icon\">\n                  <ion-icon [name]=\"ledger.icon\"></ion-icon>\n                </div>\n                <h3>{{ ledger.name }}</h3>\n                <p>{{ ledger.description }}</p>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 5: QR Pairing (Mobile P2P - Nostr-first, single QR) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.QrPairing\" class=\"step-content\">\n        <hsuite-qr-pairing-step\n          [offerData]=\"pairingOffer()\"\n          [appName]=\"appName\"\n          [isLoading]=\"isGeneratingOffer()\"\n          [isWaitingForWallet]=\"isWaitingForWallet()\"\n          [isWaitingForApproval]=\"isWaitingForApproval()\"\n          [errorMessage]=\"connectionError()\"\n          (expired)=\"onQrExpired()\"\n          (refreshRequested)=\"onQrRefresh()\"\n          (cancelled)=\"back()\"\n        ></hsuite-qr-pairing-step>\n      </div>\n\n      <!-- Step 6: Connection Progress -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ConnectionProgress\" class=\"step-content\">\n        <div class=\"membership-section connection-progress\">\n          <div *ngIf=\"isConnecting()\" class=\"status-info\">\n            <ion-spinner name=\"crescent\"></ion-spinner>\n            <h3>Connecting...</h3>\n            <p *ngIf=\"selectedProtocol() === 'walletconnect'\">\n              Please approve the connection in your wallet app or scan the QR code.\n            </p>\n            <p *ngIf=\"selectedProtocol() === 'hsuite-native'\">Opening HSuite Wallet...</p>\n          </div>\n\n          <div *ngIf=\"connectionError()\" class=\"membership-section\">\n            <div class=\"error-section\">\n              <ion-item lines=\"none\">\n                <ion-icon slot=\"start\" name=\"alert-circle-outline\" color=\"danger\"></ion-icon>\n                <ion-label>\n                  <h3>Connection Failed</h3>\n                  <p>{{ connectionError() }}</p>\n                </ion-label>\n              </ion-item>\n            </div>\n            <ion-button expand=\"block\" fill=\"outline\" (click)=\"back()\" class=\"ion-margin-top\">\n              Try Again\n            </ion-button>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Footer removed: All steps now use direct selection (click to proceed) -->\n  </div>\n</ion-content>\n", styles: [":host{display:flex;align-items:center;justify-content:center;height:100%;width:100%}ion-content{--background: transparent;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;height:100vh;width:100%;display:flex!important;align-items:center!important;justify-content:center!important}ion-content::part(scroll){display:flex;align-items:center;justify-content:center;min-height:100%;width:100%}.modal-inner-content{width:90%;max-width:600px;max-height:80vh;background:var(--glass-background, rgba(var(--ion-color-dark-rgb), .95));border-radius:var(--border-radius-xl, 16px);padding:0;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);border:1px solid var(--border-flat, rgba(var(--ion-color-light-rgb), .1));overflow:hidden;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg, 16px) var(--space-xl, 20px);background:transparent;flex-shrink:0}.header .title{display:flex;align-items:center;gap:var(--space-sm, 8px);flex:1}.header .title p{margin:0;font-size:var(--font-size-2xl, 24px);font-weight:var(--font-weight-bold, 700);color:var(--ion-text-color);line-height:1.2}.header .back-btn{--padding-start: 8px;--padding-end: 8px;margin:0}.header .back-btn ion-icon{font-size:22px;color:var(--ion-color-primary)}.header .close-modal{--padding-start: 8px;--padding-end: 8px;margin:0;cursor:pointer}.header .close-modal ion-icon{font-size:24px;color:var(--ion-text-color)}.header .close-modal:hover:not(:disabled){transform:scale(1.05)}.header .close-modal:active:not(:disabled){transform:scale(.95)}.form{flex:1;overflow-y:auto;padding:0 var(--space-xl, 20px) var(--space-xl, 20px) var(--space-xl, 20px);background:transparent}.form::-webkit-scrollbar{width:8px}.form::-webkit-scrollbar-track{background:var(--surface-flat, rgba(var(--ion-color-light-rgb), .05));border-radius:4px}.form::-webkit-scrollbar-thumb{background:rgba(var(--ion-color-light-rgb),.2);border-radius:4px}.form::-webkit-scrollbar-thumb:hover{background:rgba(var(--ion-color-light-rgb),.3)}@media(min-width:768px){.modal-inner-content{width:80%;max-width:700px;border-radius:20px}.header{padding:20px 24px}.dao-header{margin:0 24px 24px}.form{padding:0 24px 24px}}@media(max-width:480px){.modal-inner-content{width:95%;max-height:85vh}.header{padding:14px 16px}.dao-header{margin:0 16px 20px}.form{padding:0 16px 16px}}.dao-header{margin:0 var(--space-xl, 20px) var(--token-space-6, 24px) var(--space-xl, 20px);padding:var(--token-space-4, 16px);background:var(--token-surface-2, var(--surface-flat, rgba(var(--ion-color-light-rgb), .05)));border:var(--token-border-width-1, 1px) solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);box-shadow:var(--token-elevation-1, var(--shadow-sm));flex-shrink:0;animation:fadeIn var(--token-transition-slow, .3s) ease}.dao-header .step-progress{display:flex;align-items:center;justify-content:center}.dao-header .step-progress .step-indicator{display:flex;align-items:center}.dao-header .step-progress .step-indicator .step-circle{width:36px;height:36px;border-radius:var(--token-radius-full, 50%);display:flex;align-items:center;justify-content:center;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .1));color:var(--ion-text-color);font-weight:var(--token-font-weight-semibold, 600);font-size:var(--token-font-size-2, 14px);border:var(--token-border-width-1, 1px) solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .2)));transition:all var(--token-transition-slow, .3s) var(--token-ease-in-out, cubic-bezier(.4, 0, .2, 1))}.dao-header .step-progress .step-indicator .step-circle.active{background:var(--ion-color-primary);color:var(--ion-color-primary-contrast);border-color:var(--ion-color-primary);transform:scale(1.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.2)}.dao-header .step-progress .step-indicator .step-circle.completed{background:var(--ion-color-success);color:var(--ion-color-success-contrast);border-color:var(--ion-color-success);transform:scale(1.05)}.dao-header .step-progress .step-indicator .step-circle:hover:not(.active):not(.completed){transform:scale(1.05);background:rgba(var(--ion-color-light-rgb),.15)}.dao-header .step-progress .step-indicator .step-circle ion-icon{font-size:20px}.dao-header .step-progress .step-indicator .step-line{width:40px;height:var(--token-border-width-2, 2px);background:var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .2)));margin:0 var(--token-space-2, 8px);transition:all var(--token-transition-slow, .3s) ease}.dao-header .step-progress .step-indicator .step-line.active{background:var(--ion-color-success);box-shadow:0 0 8px rgba(var(--ion-color-success-rgb),.5)}.membership-section{margin-bottom:var(--token-space-6, 24px);animation:fadeIn var(--token-transition-slow, .3s) ease}.membership-section .explanation{margin-bottom:var(--token-space-4, 16px)}.membership-section .explanation h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);color:var(--ion-text-color);line-height:var(--token-line-height-tight, 1.3);margin:0 0 var(--token-space-2, 8px) 0}.membership-section .explanation p{font-size:var(--token-font-size-2, 14px);color:var(--ion-color-medium);line-height:var(--token-line-height-normal, 1.4);margin:0}.membership-section .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--token-space-3, 12px)}.membership-section .options-grid ion-card{margin:0;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .05));border:1px solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);transition:all var(--token-transition-normal, .2s) ease;cursor:pointer;box-shadow:var(--token-elevation-1, var(--shadow-sm))}.membership-section .options-grid ion-card:hover{transform:translateY(-2px);background:var(--token-surface-hover, rgba(var(--ion-color-light-rgb), .08));border-color:var(--border-flat, rgba(var(--ion-color-light-rgb), .2));box-shadow:var(--token-elevation-2, var(--shadow-md))}.membership-section .options-grid ion-card:active{transform:translateY(0)}.membership-section .options-grid ion-card.selected{border:2px solid var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.1)}.membership-section .options-grid ion-card ion-card-content{text-align:center;padding:var(--token-space-5, 20px)}.membership-section .options-grid ion-card ion-card-content .option-icon{margin-bottom:var(--token-space-3, 12px)}.membership-section .options-grid ion-card ion-card-content .option-icon ion-icon{font-size:40px;color:var(--ion-color-primary);transition:transform var(--token-transition-fast, .15s) ease}.membership-section .options-grid ion-card ion-card-content h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-2, 6px) 0;color:var(--ion-text-color)}.membership-section .options-grid ion-card ion-card-content p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0 0 var(--token-space-2, 8px) 0;line-height:var(--token-line-height-tight, 1.3)}.membership-section .options-grid ion-card:hover .option-icon ion-icon{transform:scale(1.1) rotate(5deg)}.membership-section .options-list{display:flex;flex-direction:column;gap:var(--token-space-3, 12px)}.membership-section .options-list ion-card{margin:0;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .05));border:1px solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);transition:all var(--token-transition-normal, .2s) ease;cursor:pointer;box-shadow:var(--token-elevation-1, var(--shadow-sm))}.membership-section .options-list ion-card:hover{transform:translate(4px);background:var(--token-surface-hover, rgba(var(--ion-color-light-rgb), .08));border-color:var(--border-flat, rgba(var(--ion-color-light-rgb), .2));box-shadow:var(--token-elevation-2, var(--shadow-md))}.membership-section .options-list ion-card:active{transform:translate(2px)}.membership-section .options-list ion-card.selected{border:2px solid var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.1)}.membership-section .options-list ion-card ion-card-content{padding:var(--token-space-4, 16px)}.membership-section .options-list ion-card ion-card-content .protocol-header{display:flex;align-items:center;gap:var(--token-space-3, 12px);margin-bottom:var(--token-space-3, 12px)}.membership-section .options-list ion-card ion-card-content .protocol-header .option-icon ion-icon{font-size:36px;color:var(--ion-color-primary);transition:transform var(--token-transition-fast, .15s) ease}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info{flex:1;min-width:0}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-1, 4px) 0;color:var(--ion-text-color)}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0;line-height:var(--token-line-height-tight, 1.3)}.membership-section .options-list ion-card ion-card-content .feature-list{list-style:none;padding:0;margin:0}.membership-section .options-list ion-card ion-card-content .feature-list li{display:flex;align-items:center;gap:var(--token-space-2, 8px);padding:var(--token-space-1, 4px) 0;font-size:var(--token-font-size-1, 13px);color:var(--ion-text-color);line-height:var(--token-line-height-normal, 1.4)}.membership-section .options-list ion-card ion-card-content .feature-list li ion-icon{font-size:var(--token-space-4, 16px);flex-shrink:0;color:var(--ion-color-success)}.membership-section .options-list ion-card:hover .protocol-header .option-icon ion-icon{transform:scale(1.1) rotate(5deg)}.membership-section.connection-progress{display:flex;justify-content:center;align-items:center;min-height:200px}.membership-section.connection-progress .status-info{text-align:center;padding:var(--token-space-6, 24px)}.membership-section.connection-progress .status-info ion-spinner{font-size:48px;margin-bottom:var(--token-space-4, 16px);color:var(--ion-color-primary)}.membership-section.connection-progress .status-info h3{font-size:var(--token-font-size-4, 18px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-2, 8px) 0;color:var(--ion-text-color)}.membership-section.connection-progress .status-info p{font-size:var(--token-font-size-2, 14px);color:var(--ion-color-medium);margin:0;max-width:300px;line-height:var(--token-line-height-normal, 1.4)}.membership-section .error-section{padding:var(--token-space-3, 12px);background:rgba(var(--ion-color-danger-rgb),.1);border:1px solid rgba(var(--ion-color-danger-rgb),.2);border-radius:var(--token-radius-2, 8px)}.membership-section .error-section ion-item{--background: transparent;--padding-start: 0;--inner-padding-end: 0}.membership-section .error-section ion-item ion-icon{font-size:var(--token-space-6, 24px)}.membership-section .error-section ion-item ion-label h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);color:var(--ion-color-danger);margin:0 0 var(--token-space-1, 4px) 0}.membership-section .error-section ion-item ion-label p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0;line-height:var(--token-line-height-tight, 1.3)}.step-content{animation:stepFadeIn var(--token-transition-normal, .25s) var(--token-ease-out, cubic-bezier(0, 0, .2, 1))}.direct-select ion-card{position:relative;overflow:hidden}.direct-select ion-card:after{content:\"\";position:absolute;right:12px;top:50%;transform:translateY(-50%) translate(0);width:0;height:0;border-left:6px solid var(--ion-color-primary);border-top:5px solid transparent;border-bottom:5px solid transparent;opacity:0;transition:all var(--token-transition-fast, .15s) ease}.direct-select ion-card:hover:after{opacity:.6;transform:translateY(-50%) translate(4px)}.direct-select ion-card:hover{border-color:rgba(var(--ion-color-primary-rgb),.4)}.direct-select ion-card:hover .option-icon ion-icon{color:var(--ion-color-primary)}.direct-select ion-card:active{transform:scale(.98);background:rgba(var(--ion-color-primary-rgb),.15)!important}.direct-select.options-grid ion-card:after{right:8px;top:16px;transform:translateY(0) translate(0)}.direct-select.options-grid ion-card:hover:after{transform:translateY(0) translate(4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stepPulse{0%{box-shadow:0 0 rgba(var(--ion-color-primary-rgb),.4)}70%{box-shadow:0 0 0 8px rgba(var(--ion-color-primary-rgb),0)}to{box-shadow:0 0 rgba(var(--ion-color-primary-rgb),0)}}.step-progress .step-indicator .step-circle.active{animation:stepPulse 1.5s ease-out infinite}@media(max-width:768px){.membership-section .options-grid{grid-template-columns:1fr}.dao-header .step-progress .step-indicator .step-circle{width:28px;height:28px;font-size:12px}.dao-header .step-progress .step-indicator .step-line{width:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}@keyframes fadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes stepFadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes stepPulse{0%,to{box-shadow:none}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1$1.IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { kind: "component", type: i1$1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1$1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1$1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1$1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1$1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1$1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1$1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "component", type: ConnectionMethodStepComponent, selector: "hsuite-connection-method-step", inputs: ["methods", "isMobile", "selectedMethod"], outputs: ["methodSelected"] }, { kind: "component", type: QrPairingStepComponent, selector: "hsuite-qr-pairing-step", inputs: ["offerData", "appName", "isLoading", "isWaitingForWallet", "isWaitingForApproval", "errorMessage", "expirySeconds"], outputs: ["expired", "connected", "cancelled", "refreshRequested"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WalletConnectionModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'hsuite-wallet-connection-modal', standalone: true, imports: [CommonModule, IonicModule, ConnectionMethodStepComponent, QrPairingStepComponent], template: "<ion-content>\n  <div class=\"modal-inner-content wallet-connection-modal\">\n    <div class=\"header\">\n      <div class=\"title\">\n        <ion-button\n          *ngIf=\"currentStep() > 1 && currentStep() !== ConnectionStep.ConnectionProgress\"\n          (click)=\"back()\"\n          fill=\"clear\"\n          class=\"back-btn\"\n        >\n          <ion-icon slot=\"icon-only\" name=\"arrow-back-outline\"></ion-icon>\n        </ion-button>\n        <p>{{ stepTitle() }}</p>\n      </div>\n      <ion-button class=\"close-modal\" (click)=\"dismiss()\" fill=\"clear\" [disabled]=\"isConnecting()\">\n        <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n      </ion-button>\n    </div>\n\n    <!-- Dynamic Step Progress Indicator -->\n    <div class=\"dao-header\">\n      <div class=\"step-progress\">\n        <!-- Dynamic steps based on selected protocol path -->\n        <ng-container *ngFor=\"let label of stepConfig().labels; let i = index\">\n          <div class=\"step-indicator\">\n            <div\n              class=\"step-circle\"\n              [class.active]=\"displayStep() === i + 1\"\n              [class.completed]=\"displayStep() > i + 1\"\n              [attr.title]=\"label\"\n            >\n              <ion-icon *ngIf=\"displayStep() > i + 1\" name=\"checkmark\"></ion-icon>\n              <span *ngIf=\"displayStep() <= i + 1\">{{ i + 1 }}</span>\n            </div>\n            <!-- Step line between circles (not after the last one) -->\n            <div\n              class=\"step-line\"\n              *ngIf=\"i < stepConfig().labels.length - 1\"\n              [class.active]=\"displayStep() > i + 1\"\n            ></div>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <div class=\"form\">\n      <!-- Step 1: Network Selection (Direct Selection - click advances to next step) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.NetworkSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Choose Network</h3>\n            <p>Select the network you want to connect to.</p>\n          </div>\n\n          <div class=\"options-grid direct-select\">\n            <ion-card\n              *ngFor=\"let network of networkOptions\"\n              (click)=\"selectNetworkAndProceed(network.id)\"\n              [class.selected]=\"selectedNetwork() === network.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"option-icon\">\n                  <ion-icon [name]=\"network.icon\"></ion-icon>\n                </div>\n                <h3>{{ network.name }}</h3>\n                <p>{{ network.description }}</p>\n                <ion-badge *ngIf=\"network.recommended\" color=\"success\">Recommended</ion-badge>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 2: Protocol Selection (Direct Selection - click advances to next step) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ProtocolSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Connection Protocol</h3>\n            <p>Choose how you want to connect your wallet.</p>\n          </div>\n\n          <div class=\"options-list direct-select\">\n            <ion-card\n              *ngFor=\"let protocol of protocolOptions()\"\n              (click)=\"selectProtocolAndProceed(protocol.id)\"\n              [class.selected]=\"selectedProtocol() === protocol.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"protocol-header\">\n                  <div class=\"option-icon\">\n                    <ion-icon [name]=\"protocol.icon\"></ion-icon>\n                  </div>\n                  <div class=\"protocol-info\">\n                    <h3>{{ protocol.name }}</h3>\n                    <p>{{ protocol.description }}</p>\n                  </div>\n                </div>\n\n                <ul class=\"feature-list\">\n                  <li *ngFor=\"let feature of protocol.features\">\n                    <ion-icon name=\"checkmark-circle\" color=\"success\"></ion-icon>\n                    <span>{{ feature }}</span>\n                  </li>\n                </ul>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 3: Connection Method Selection (HSuite Native only) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ConnectionMethodSelection\" class=\"step-content\">\n        <hsuite-connection-method-step\n          [methods]=\"connectionMethodOptions()\"\n          [isMobile]=\"isMobile()\"\n          [selectedMethod]=\"selectedConnectionMethod()\"\n          (methodSelected)=\"onConnectionMethodSelected($event)\"\n        ></hsuite-connection-method-step>\n      </div>\n\n      <!-- Step 3 (WalletConnect path): Ledger Selection (Direct Selection - click initiates connection) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.LedgerSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Choose Blockchain</h3>\n            <p>Select the blockchain ledger to connect with.</p>\n          </div>\n\n          <div class=\"options-grid direct-select\">\n            <ion-card\n              *ngFor=\"let ledger of ledgerOptions\"\n              (click)=\"selectLedgerAndConnect(ledger.id)\"\n              [class.selected]=\"selectedLedger() === ledger.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"option-icon\">\n                  <ion-icon [name]=\"ledger.icon\"></ion-icon>\n                </div>\n                <h3>{{ ledger.name }}</h3>\n                <p>{{ ledger.description }}</p>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 5: QR Pairing (Mobile P2P - Nostr-first, single QR) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.QrPairing\" class=\"step-content\">\n        <hsuite-qr-pairing-step\n          [offerData]=\"pairingOffer()\"\n          [appName]=\"appName\"\n          [isLoading]=\"isGeneratingOffer()\"\n          [isWaitingForWallet]=\"isWaitingForWallet()\"\n          [isWaitingForApproval]=\"isWaitingForApproval()\"\n          [errorMessage]=\"connectionError()\"\n          (expired)=\"onQrExpired()\"\n          (refreshRequested)=\"onQrRefresh()\"\n          (cancelled)=\"back()\"\n        ></hsuite-qr-pairing-step>\n      </div>\n\n      <!-- Step 6: Connection Progress -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ConnectionProgress\" class=\"step-content\">\n        <div class=\"membership-section connection-progress\">\n          <div *ngIf=\"isConnecting()\" class=\"status-info\">\n            <ion-spinner name=\"crescent\"></ion-spinner>\n            <h3>Connecting...</h3>\n            <p *ngIf=\"selectedProtocol() === 'walletconnect'\">\n              Please approve the connection in your wallet app or scan the QR code.\n            </p>\n            <p *ngIf=\"selectedProtocol() === 'hsuite-native'\">Opening HSuite Wallet...</p>\n          </div>\n\n          <div *ngIf=\"connectionError()\" class=\"membership-section\">\n            <div class=\"error-section\">\n              <ion-item lines=\"none\">\n                <ion-icon slot=\"start\" name=\"alert-circle-outline\" color=\"danger\"></ion-icon>\n                <ion-label>\n                  <h3>Connection Failed</h3>\n                  <p>{{ connectionError() }}</p>\n                </ion-label>\n              </ion-item>\n            </div>\n            <ion-button expand=\"block\" fill=\"outline\" (click)=\"back()\" class=\"ion-margin-top\">\n              Try Again\n            </ion-button>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Footer removed: All steps now use direct selection (click to proceed) -->\n  </div>\n</ion-content>\n", styles: [":host{display:flex;align-items:center;justify-content:center;height:100%;width:100%}ion-content{--background: transparent;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;height:100vh;width:100%;display:flex!important;align-items:center!important;justify-content:center!important}ion-content::part(scroll){display:flex;align-items:center;justify-content:center;min-height:100%;width:100%}.modal-inner-content{width:90%;max-width:600px;max-height:80vh;background:var(--glass-background, rgba(var(--ion-color-dark-rgb), .95));border-radius:var(--border-radius-xl, 16px);padding:0;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);border:1px solid var(--border-flat, rgba(var(--ion-color-light-rgb), .1));overflow:hidden;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg, 16px) var(--space-xl, 20px);background:transparent;flex-shrink:0}.header .title{display:flex;align-items:center;gap:var(--space-sm, 8px);flex:1}.header .title p{margin:0;font-size:var(--font-size-2xl, 24px);font-weight:var(--font-weight-bold, 700);color:var(--ion-text-color);line-height:1.2}.header .back-btn{--padding-start: 8px;--padding-end: 8px;margin:0}.header .back-btn ion-icon{font-size:22px;color:var(--ion-color-primary)}.header .close-modal{--padding-start: 8px;--padding-end: 8px;margin:0;cursor:pointer}.header .close-modal ion-icon{font-size:24px;color:var(--ion-text-color)}.header .close-modal:hover:not(:disabled){transform:scale(1.05)}.header .close-modal:active:not(:disabled){transform:scale(.95)}.form{flex:1;overflow-y:auto;padding:0 var(--space-xl, 20px) var(--space-xl, 20px) var(--space-xl, 20px);background:transparent}.form::-webkit-scrollbar{width:8px}.form::-webkit-scrollbar-track{background:var(--surface-flat, rgba(var(--ion-color-light-rgb), .05));border-radius:4px}.form::-webkit-scrollbar-thumb{background:rgba(var(--ion-color-light-rgb),.2);border-radius:4px}.form::-webkit-scrollbar-thumb:hover{background:rgba(var(--ion-color-light-rgb),.3)}@media(min-width:768px){.modal-inner-content{width:80%;max-width:700px;border-radius:20px}.header{padding:20px 24px}.dao-header{margin:0 24px 24px}.form{padding:0 24px 24px}}@media(max-width:480px){.modal-inner-content{width:95%;max-height:85vh}.header{padding:14px 16px}.dao-header{margin:0 16px 20px}.form{padding:0 16px 16px}}.dao-header{margin:0 var(--space-xl, 20px) var(--token-space-6, 24px) var(--space-xl, 20px);padding:var(--token-space-4, 16px);background:var(--token-surface-2, var(--surface-flat, rgba(var(--ion-color-light-rgb), .05)));border:var(--token-border-width-1, 1px) solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);box-shadow:var(--token-elevation-1, var(--shadow-sm));flex-shrink:0;animation:fadeIn var(--token-transition-slow, .3s) ease}.dao-header .step-progress{display:flex;align-items:center;justify-content:center}.dao-header .step-progress .step-indicator{display:flex;align-items:center}.dao-header .step-progress .step-indicator .step-circle{width:36px;height:36px;border-radius:var(--token-radius-full, 50%);display:flex;align-items:center;justify-content:center;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .1));color:var(--ion-text-color);font-weight:var(--token-font-weight-semibold, 600);font-size:var(--token-font-size-2, 14px);border:var(--token-border-width-1, 1px) solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .2)));transition:all var(--token-transition-slow, .3s) var(--token-ease-in-out, cubic-bezier(.4, 0, .2, 1))}.dao-header .step-progress .step-indicator .step-circle.active{background:var(--ion-color-primary);color:var(--ion-color-primary-contrast);border-color:var(--ion-color-primary);transform:scale(1.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.2)}.dao-header .step-progress .step-indicator .step-circle.completed{background:var(--ion-color-success);color:var(--ion-color-success-contrast);border-color:var(--ion-color-success);transform:scale(1.05)}.dao-header .step-progress .step-indicator .step-circle:hover:not(.active):not(.completed){transform:scale(1.05);background:rgba(var(--ion-color-light-rgb),.15)}.dao-header .step-progress .step-indicator .step-circle ion-icon{font-size:20px}.dao-header .step-progress .step-indicator .step-line{width:40px;height:var(--token-border-width-2, 2px);background:var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .2)));margin:0 var(--token-space-2, 8px);transition:all var(--token-transition-slow, .3s) ease}.dao-header .step-progress .step-indicator .step-line.active{background:var(--ion-color-success);box-shadow:0 0 8px rgba(var(--ion-color-success-rgb),.5)}.membership-section{margin-bottom:var(--token-space-6, 24px);animation:fadeIn var(--token-transition-slow, .3s) ease}.membership-section .explanation{margin-bottom:var(--token-space-4, 16px)}.membership-section .explanation h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);color:var(--ion-text-color);line-height:var(--token-line-height-tight, 1.3);margin:0 0 var(--token-space-2, 8px) 0}.membership-section .explanation p{font-size:var(--token-font-size-2, 14px);color:var(--ion-color-medium);line-height:var(--token-line-height-normal, 1.4);margin:0}.membership-section .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--token-space-3, 12px)}.membership-section .options-grid ion-card{margin:0;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .05));border:1px solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);transition:all var(--token-transition-normal, .2s) ease;cursor:pointer;box-shadow:var(--token-elevation-1, var(--shadow-sm))}.membership-section .options-grid ion-card:hover{transform:translateY(-2px);background:var(--token-surface-hover, rgba(var(--ion-color-light-rgb), .08));border-color:var(--border-flat, rgba(var(--ion-color-light-rgb), .2));box-shadow:var(--token-elevation-2, var(--shadow-md))}.membership-section .options-grid ion-card:active{transform:translateY(0)}.membership-section .options-grid ion-card.selected{border:2px solid var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.1)}.membership-section .options-grid ion-card ion-card-content{text-align:center;padding:var(--token-space-5, 20px)}.membership-section .options-grid ion-card ion-card-content .option-icon{margin-bottom:var(--token-space-3, 12px)}.membership-section .options-grid ion-card ion-card-content .option-icon ion-icon{font-size:40px;color:var(--ion-color-primary);transition:transform var(--token-transition-fast, .15s) ease}.membership-section .options-grid ion-card ion-card-content h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-2, 6px) 0;color:var(--ion-text-color)}.membership-section .options-grid ion-card ion-card-content p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0 0 var(--token-space-2, 8px) 0;line-height:var(--token-line-height-tight, 1.3)}.membership-section .options-grid ion-card:hover .option-icon ion-icon{transform:scale(1.1) rotate(5deg)}.membership-section .options-list{display:flex;flex-direction:column;gap:var(--token-space-3, 12px)}.membership-section .options-list ion-card{margin:0;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .05));border:1px solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);transition:all var(--token-transition-normal, .2s) ease;cursor:pointer;box-shadow:var(--token-elevation-1, var(--shadow-sm))}.membership-section .options-list ion-card:hover{transform:translate(4px);background:var(--token-surface-hover, rgba(var(--ion-color-light-rgb), .08));border-color:var(--border-flat, rgba(var(--ion-color-light-rgb), .2));box-shadow:var(--token-elevation-2, var(--shadow-md))}.membership-section .options-list ion-card:active{transform:translate(2px)}.membership-section .options-list ion-card.selected{border:2px solid var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.1)}.membership-section .options-list ion-card ion-card-content{padding:var(--token-space-4, 16px)}.membership-section .options-list ion-card ion-card-content .protocol-header{display:flex;align-items:center;gap:var(--token-space-3, 12px);margin-bottom:var(--token-space-3, 12px)}.membership-section .options-list ion-card ion-card-content .protocol-header .option-icon ion-icon{font-size:36px;color:var(--ion-color-primary);transition:transform var(--token-transition-fast, .15s) ease}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info{flex:1;min-width:0}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-1, 4px) 0;color:var(--ion-text-color)}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0;line-height:var(--token-line-height-tight, 1.3)}.membership-section .options-list ion-card ion-card-content .feature-list{list-style:none;padding:0;margin:0}.membership-section .options-list ion-card ion-card-content .feature-list li{display:flex;align-items:center;gap:var(--token-space-2, 8px);padding:var(--token-space-1, 4px) 0;font-size:var(--token-font-size-1, 13px);color:var(--ion-text-color);line-height:var(--token-line-height-normal, 1.4)}.membership-section .options-list ion-card ion-card-content .feature-list li ion-icon{font-size:var(--token-space-4, 16px);flex-shrink:0;color:var(--ion-color-success)}.membership-section .options-list ion-card:hover .protocol-header .option-icon ion-icon{transform:scale(1.1) rotate(5deg)}.membership-section.connection-progress{display:flex;justify-content:center;align-items:center;min-height:200px}.membership-section.connection-progress .status-info{text-align:center;padding:var(--token-space-6, 24px)}.membership-section.connection-progress .status-info ion-spinner{font-size:48px;margin-bottom:var(--token-space-4, 16px);color:var(--ion-color-primary)}.membership-section.connection-progress .status-info h3{font-size:var(--token-font-size-4, 18px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-2, 8px) 0;color:var(--ion-text-color)}.membership-section.connection-progress .status-info p{font-size:var(--token-font-size-2, 14px);color:var(--ion-color-medium);margin:0;max-width:300px;line-height:var(--token-line-height-normal, 1.4)}.membership-section .error-section{padding:var(--token-space-3, 12px);background:rgba(var(--ion-color-danger-rgb),.1);border:1px solid rgba(var(--ion-color-danger-rgb),.2);border-radius:var(--token-radius-2, 8px)}.membership-section .error-section ion-item{--background: transparent;--padding-start: 0;--inner-padding-end: 0}.membership-section .error-section ion-item ion-icon{font-size:var(--token-space-6, 24px)}.membership-section .error-section ion-item ion-label h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);color:var(--ion-color-danger);margin:0 0 var(--token-space-1, 4px) 0}.membership-section .error-section ion-item ion-label p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0;line-height:var(--token-line-height-tight, 1.3)}.step-content{animation:stepFadeIn var(--token-transition-normal, .25s) var(--token-ease-out, cubic-bezier(0, 0, .2, 1))}.direct-select ion-card{position:relative;overflow:hidden}.direct-select ion-card:after{content:\"\";position:absolute;right:12px;top:50%;transform:translateY(-50%) translate(0);width:0;height:0;border-left:6px solid var(--ion-color-primary);border-top:5px solid transparent;border-bottom:5px solid transparent;opacity:0;transition:all var(--token-transition-fast, .15s) ease}.direct-select ion-card:hover:after{opacity:.6;transform:translateY(-50%) translate(4px)}.direct-select ion-card:hover{border-color:rgba(var(--ion-color-primary-rgb),.4)}.direct-select ion-card:hover .option-icon ion-icon{color:var(--ion-color-primary)}.direct-select ion-card:active{transform:scale(.98);background:rgba(var(--ion-color-primary-rgb),.15)!important}.direct-select.options-grid ion-card:after{right:8px;top:16px;transform:translateY(0) translate(0)}.direct-select.options-grid ion-card:hover:after{transform:translateY(0) translate(4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stepPulse{0%{box-shadow:0 0 rgba(var(--ion-color-primary-rgb),.4)}70%{box-shadow:0 0 0 8px rgba(var(--ion-color-primary-rgb),0)}to{box-shadow:0 0 rgba(var(--ion-color-primary-rgb),0)}}.step-progress .step-indicator .step-circle.active{animation:stepPulse 1.5s ease-out infinite}@media(max-width:768px){.membership-section .options-grid{grid-template-columns:1fr}.dao-header .step-progress .step-indicator .step-circle{width:28px;height:28px;font-size:12px}.dao-header .step-progress .step-indicator .step-line{width:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}@keyframes fadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes stepFadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes stepPulse{0%,to{box-shadow:none}}}\n"] }]
+            args: [{ selector: 'hsuite-wallet-connection-modal', standalone: true, imports: [CommonModule, IonicModule, ConnectionMethodStepComponent, QrPairingStepComponent], template: "<ion-content>\n  <div class=\"modal-inner-content wallet-connection-modal\">\n    <div class=\"header\">\n      <div class=\"title\">\n        <ion-button *ngIf=\"canGoBack()\" (click)=\"back()\" fill=\"clear\" class=\"back-btn\">\n          <ion-icon slot=\"icon-only\" name=\"arrow-back-outline\"></ion-icon>\n        </ion-button>\n        <p>{{ stepTitle() }}</p>\n      </div>\n      <ion-button class=\"close-modal\" (click)=\"dismiss()\" fill=\"clear\" [disabled]=\"isConnecting()\">\n        <ion-icon slot=\"icon-only\" name=\"close-outline\"></ion-icon>\n      </ion-button>\n    </div>\n\n    <!-- Dynamic Step Progress Indicator -->\n    <div class=\"dao-header\">\n      <div class=\"step-progress\">\n        <!-- Dynamic steps based on selected protocol path -->\n        <ng-container *ngFor=\"let label of stepConfig().labels; let i = index\">\n          <div class=\"step-indicator\">\n            <div\n              class=\"step-circle\"\n              [class.active]=\"displayStep() === i + 1\"\n              [class.completed]=\"displayStep() > i + 1\"\n              [attr.title]=\"label\"\n            >\n              <ion-icon *ngIf=\"displayStep() > i + 1\" name=\"checkmark\"></ion-icon>\n              <span *ngIf=\"displayStep() <= i + 1\">{{ i + 1 }}</span>\n            </div>\n            <!-- Step line between circles (not after the last one) -->\n            <div\n              class=\"step-line\"\n              *ngIf=\"i < stepConfig().labels.length - 1\"\n              [class.active]=\"displayStep() > i + 1\"\n            ></div>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n\n    <div class=\"form\">\n      <!-- Step 1: Network Selection (Direct Selection - click advances to next step) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.NetworkSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Choose Network</h3>\n            <p>Select the network you want to connect to.</p>\n          </div>\n\n          <div class=\"options-grid direct-select\">\n            <ion-card\n              *ngFor=\"let network of networkOptions\"\n              (click)=\"selectNetworkAndProceed(network.id)\"\n              [class.selected]=\"selectedNetwork() === network.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"option-icon\">\n                  <ion-icon [name]=\"network.icon\"></ion-icon>\n                </div>\n                <h3>{{ network.name }}</h3>\n                <p>{{ network.description }}</p>\n                <ion-badge *ngIf=\"network.recommended\" color=\"success\">Recommended</ion-badge>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 2: Protocol Selection (Direct Selection - click advances to next step) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ProtocolSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Connection Protocol</h3>\n            <p>Choose how you want to connect your wallet.</p>\n          </div>\n\n          <div class=\"options-list direct-select\">\n            <ion-card\n              *ngFor=\"let protocol of protocolOptions()\"\n              (click)=\"selectProtocolAndProceed(protocol.id)\"\n              [class.selected]=\"selectedProtocol() === protocol.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"protocol-header\">\n                  <div class=\"option-icon\">\n                    <ion-icon [name]=\"protocol.icon\"></ion-icon>\n                  </div>\n                  <div class=\"protocol-info\">\n                    <h3>{{ protocol.name }}</h3>\n                    <p>{{ protocol.description }}</p>\n                  </div>\n                </div>\n\n                <ul class=\"feature-list\">\n                  <li *ngFor=\"let feature of protocol.features\">\n                    <ion-icon name=\"checkmark-circle\" color=\"success\"></ion-icon>\n                    <span>{{ feature }}</span>\n                  </li>\n                </ul>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 3: Connection Method Selection (HSuite Native only) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ConnectionMethodSelection\" class=\"step-content\">\n        <hsuite-connection-method-step\n          [methods]=\"connectionMethodOptions()\"\n          [isMobile]=\"isMobile()\"\n          [selectedMethod]=\"selectedConnectionMethod()\"\n          (methodSelected)=\"onConnectionMethodSelected($event)\"\n        ></hsuite-connection-method-step>\n      </div>\n\n      <!-- Step 3 (WalletConnect path): Ledger Selection (Direct Selection - click initiates connection) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.LedgerSelection\" class=\"step-content\">\n        <div class=\"membership-section\">\n          <div class=\"explanation\">\n            <h3>Choose Blockchain</h3>\n            <p>Select the blockchain ledger to connect with.</p>\n          </div>\n\n          <div class=\"options-grid direct-select\">\n            <ion-card\n              *ngFor=\"let ledger of ledgerOptions\"\n              (click)=\"selectLedgerAndConnect(ledger.id)\"\n              [class.selected]=\"selectedLedger() === ledger.id\"\n              button\n            >\n              <ion-card-content>\n                <div class=\"option-icon\">\n                  <ion-icon [name]=\"ledger.icon\"></ion-icon>\n                </div>\n                <h3>{{ ledger.name }}</h3>\n                <p>{{ ledger.description }}</p>\n              </ion-card-content>\n            </ion-card>\n          </div>\n        </div>\n      </div>\n\n      <!-- Step 5: QR Pairing (Mobile P2P - Nostr-first, single QR) -->\n      <div *ngIf=\"currentStep() === ConnectionStep.QrPairing\" class=\"step-content\">\n        <hsuite-qr-pairing-step\n          [offerData]=\"pairingOffer()\"\n          [appName]=\"appName\"\n          [isLoading]=\"isGeneratingOffer()\"\n          [isWaitingForWallet]=\"isWaitingForWallet()\"\n          [isWaitingForApproval]=\"isWaitingForApproval()\"\n          [errorMessage]=\"connectionError()\"\n          (expired)=\"onQrExpired()\"\n          (refreshRequested)=\"onQrRefresh()\"\n          (cancelled)=\"back()\"\n        ></hsuite-qr-pairing-step>\n      </div>\n\n      <!-- Step 6: Connection Progress -->\n      <div *ngIf=\"currentStep() === ConnectionStep.ConnectionProgress\" class=\"step-content\">\n        <div class=\"membership-section connection-progress\">\n          <div *ngIf=\"isConnecting()\" class=\"status-info\">\n            <ion-spinner name=\"crescent\"></ion-spinner>\n            <h3>Connecting...</h3>\n            <p *ngIf=\"selectedProtocol() === 'walletconnect'\">\n              Please approve the connection in your wallet app or scan the QR code.\n            </p>\n            <p *ngIf=\"selectedProtocol() === 'hsuite-native'\">Opening HSuite Wallet...</p>\n          </div>\n\n          <div *ngIf=\"connectionError()\" class=\"membership-section\">\n            <div class=\"error-section\">\n              <ion-item lines=\"none\">\n                <ion-icon slot=\"start\" name=\"alert-circle-outline\" color=\"danger\"></ion-icon>\n                <ion-label>\n                  <h3>Connection Failed</h3>\n                  <p>{{ connectionError() }}</p>\n                </ion-label>\n              </ion-item>\n            </div>\n            <ion-button expand=\"block\" fill=\"outline\" (click)=\"back()\" class=\"ion-margin-top\">\n              Try Again\n            </ion-button>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Footer removed: All steps now use direct selection (click to proceed) -->\n  </div>\n</ion-content>\n", styles: [":host{display:flex;align-items:center;justify-content:center;height:100%;width:100%}ion-content{--background: transparent;--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;height:100vh;width:100%;display:flex!important;align-items:center!important;justify-content:center!important}ion-content::part(scroll){display:flex;align-items:center;justify-content:center;min-height:100%;width:100%}.modal-inner-content{width:90%;max-width:600px;max-height:80vh;background:var(--glass-background, rgba(var(--ion-color-dark-rgb), .95));border-radius:var(--border-radius-xl, 16px);padding:0;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);border:1px solid var(--border-flat, rgba(var(--ion-color-light-rgb), .1));overflow:hidden;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg, 16px) var(--space-xl, 20px);background:transparent;flex-shrink:0}.header .title{display:flex;align-items:center;gap:var(--space-sm, 8px);flex:1}.header .title p{margin:0;font-size:var(--font-size-2xl, 24px);font-weight:var(--font-weight-bold, 700);color:var(--ion-text-color);line-height:1.2}.header .back-btn{--padding-start: 8px;--padding-end: 8px;margin:0}.header .back-btn ion-icon{font-size:22px;color:var(--ion-color-primary)}.header .close-modal{--padding-start: 8px;--padding-end: 8px;margin:0;cursor:pointer}.header .close-modal ion-icon{font-size:24px;color:var(--ion-text-color)}.header .close-modal:hover:not(:disabled){transform:scale(1.05)}.header .close-modal:active:not(:disabled){transform:scale(.95)}.form{flex:1;overflow-y:auto;padding:0 var(--space-xl, 20px) var(--space-xl, 20px) var(--space-xl, 20px);background:transparent}.form::-webkit-scrollbar{width:8px}.form::-webkit-scrollbar-track{background:var(--surface-flat, rgba(var(--ion-color-light-rgb), .05));border-radius:4px}.form::-webkit-scrollbar-thumb{background:rgba(var(--ion-color-light-rgb),.2);border-radius:4px}.form::-webkit-scrollbar-thumb:hover{background:rgba(var(--ion-color-light-rgb),.3)}@media(min-width:768px){.modal-inner-content{width:80%;max-width:700px;border-radius:20px}.header{padding:20px 24px}.dao-header{margin:0 24px 24px}.form{padding:0 24px 24px}}@media(max-width:480px){.modal-inner-content{width:95%;max-height:85vh}.header{padding:14px 16px}.dao-header{margin:0 16px 20px}.form{padding:0 16px 16px}}.dao-header{margin:0 var(--space-xl, 20px) var(--token-space-6, 24px) var(--space-xl, 20px);padding:var(--token-space-4, 16px);background:var(--token-surface-2, var(--surface-flat, rgba(var(--ion-color-light-rgb), .05)));border:var(--token-border-width-1, 1px) solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);box-shadow:var(--token-elevation-1, var(--shadow-sm));flex-shrink:0;animation:fadeIn var(--token-transition-slow, .3s) ease}.dao-header .step-progress{display:flex;align-items:center;justify-content:center}.dao-header .step-progress .step-indicator{display:flex;align-items:center}.dao-header .step-progress .step-indicator .step-circle{width:36px;height:36px;border-radius:var(--token-radius-full, 50%);display:flex;align-items:center;justify-content:center;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .1));color:var(--ion-text-color);font-weight:var(--token-font-weight-semibold, 600);font-size:var(--token-font-size-2, 14px);border:var(--token-border-width-1, 1px) solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .2)));transition:all var(--token-transition-slow, .3s) var(--token-ease-in-out, cubic-bezier(.4, 0, .2, 1))}.dao-header .step-progress .step-indicator .step-circle.active{background:var(--ion-color-primary);color:var(--ion-color-primary-contrast);border-color:var(--ion-color-primary);transform:scale(1.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.2)}.dao-header .step-progress .step-indicator .step-circle.completed{background:var(--ion-color-success);color:var(--ion-color-success-contrast);border-color:var(--ion-color-success);transform:scale(1.05)}.dao-header .step-progress .step-indicator .step-circle:hover:not(.active):not(.completed){transform:scale(1.05);background:rgba(var(--ion-color-light-rgb),.15)}.dao-header .step-progress .step-indicator .step-circle ion-icon{font-size:20px}.dao-header .step-progress .step-indicator .step-line{width:40px;height:var(--token-border-width-2, 2px);background:var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .2)));margin:0 var(--token-space-2, 8px);transition:all var(--token-transition-slow, .3s) ease}.dao-header .step-progress .step-indicator .step-line.active{background:var(--ion-color-success);box-shadow:0 0 8px rgba(var(--ion-color-success-rgb),.5)}.membership-section{margin-bottom:var(--token-space-6, 24px);animation:fadeIn var(--token-transition-slow, .3s) ease}.membership-section .explanation{margin-bottom:var(--token-space-4, 16px)}.membership-section .explanation h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);color:var(--ion-text-color);line-height:var(--token-line-height-tight, 1.3);margin:0 0 var(--token-space-2, 8px) 0}.membership-section .explanation p{font-size:var(--token-font-size-2, 14px);color:var(--ion-color-medium);line-height:var(--token-line-height-normal, 1.4);margin:0}.membership-section .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--token-space-3, 12px)}.membership-section .options-grid ion-card{margin:0;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .05));border:1px solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);transition:all var(--token-transition-normal, .2s) ease;cursor:pointer;box-shadow:var(--token-elevation-1, var(--shadow-sm))}.membership-section .options-grid ion-card:hover{transform:translateY(-2px);background:var(--token-surface-hover, rgba(var(--ion-color-light-rgb), .08));border-color:var(--border-flat, rgba(var(--ion-color-light-rgb), .2));box-shadow:var(--token-elevation-2, var(--shadow-md))}.membership-section .options-grid ion-card:active{transform:translateY(0)}.membership-section .options-grid ion-card.selected{border:2px solid var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.1)}.membership-section .options-grid ion-card ion-card-content{text-align:center;padding:var(--token-space-5, 20px)}.membership-section .options-grid ion-card ion-card-content .option-icon{margin-bottom:var(--token-space-3, 12px)}.membership-section .options-grid ion-card ion-card-content .option-icon ion-icon{font-size:40px;color:var(--ion-color-primary);transition:transform var(--token-transition-fast, .15s) ease}.membership-section .options-grid ion-card ion-card-content h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-2, 6px) 0;color:var(--ion-text-color)}.membership-section .options-grid ion-card ion-card-content p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0 0 var(--token-space-2, 8px) 0;line-height:var(--token-line-height-tight, 1.3)}.membership-section .options-grid ion-card:hover .option-icon ion-icon{transform:scale(1.1) rotate(5deg)}.membership-section .options-list{display:flex;flex-direction:column;gap:var(--token-space-3, 12px)}.membership-section .options-list ion-card{margin:0;background:var(--token-surface-3, rgba(var(--ion-color-light-rgb), .05));border:1px solid var(--border-flat, var(--token-border-subtle, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--token-radius-3, 12px);transition:all var(--token-transition-normal, .2s) ease;cursor:pointer;box-shadow:var(--token-elevation-1, var(--shadow-sm))}.membership-section .options-list ion-card:hover{transform:translate(4px);background:var(--token-surface-hover, rgba(var(--ion-color-light-rgb), .08));border-color:var(--border-flat, rgba(var(--ion-color-light-rgb), .2));box-shadow:var(--token-elevation-2, var(--shadow-md))}.membership-section .options-list ion-card:active{transform:translate(2px)}.membership-section .options-list ion-card.selected{border:2px solid var(--ion-color-primary);background:rgba(var(--ion-color-primary-rgb),.1);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb),.1)}.membership-section .options-list ion-card ion-card-content{padding:var(--token-space-4, 16px)}.membership-section .options-list ion-card ion-card-content .protocol-header{display:flex;align-items:center;gap:var(--token-space-3, 12px);margin-bottom:var(--token-space-3, 12px)}.membership-section .options-list ion-card ion-card-content .protocol-header .option-icon ion-icon{font-size:36px;color:var(--ion-color-primary);transition:transform var(--token-transition-fast, .15s) ease}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info{flex:1;min-width:0}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-1, 4px) 0;color:var(--ion-text-color)}.membership-section .options-list ion-card ion-card-content .protocol-header .protocol-info p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0;line-height:var(--token-line-height-tight, 1.3)}.membership-section .options-list ion-card ion-card-content .feature-list{list-style:none;padding:0;margin:0}.membership-section .options-list ion-card ion-card-content .feature-list li{display:flex;align-items:center;gap:var(--token-space-2, 8px);padding:var(--token-space-1, 4px) 0;font-size:var(--token-font-size-1, 13px);color:var(--ion-text-color);line-height:var(--token-line-height-normal, 1.4)}.membership-section .options-list ion-card ion-card-content .feature-list li ion-icon{font-size:var(--token-space-4, 16px);flex-shrink:0;color:var(--ion-color-success)}.membership-section .options-list ion-card:hover .protocol-header .option-icon ion-icon{transform:scale(1.1) rotate(5deg)}.membership-section.connection-progress{display:flex;justify-content:center;align-items:center;min-height:200px}.membership-section.connection-progress .status-info{text-align:center;padding:var(--token-space-6, 24px)}.membership-section.connection-progress .status-info ion-spinner{font-size:48px;margin-bottom:var(--token-space-4, 16px);color:var(--ion-color-primary)}.membership-section.connection-progress .status-info h3{font-size:var(--token-font-size-4, 18px);font-weight:var(--token-font-weight-medium, 500);margin:0 0 var(--token-space-2, 8px) 0;color:var(--ion-text-color)}.membership-section.connection-progress .status-info p{font-size:var(--token-font-size-2, 14px);color:var(--ion-color-medium);margin:0;max-width:300px;line-height:var(--token-line-height-normal, 1.4)}.membership-section .error-section{padding:var(--token-space-3, 12px);background:rgba(var(--ion-color-danger-rgb),.1);border:1px solid rgba(var(--ion-color-danger-rgb),.2);border-radius:var(--token-radius-2, 8px)}.membership-section .error-section ion-item{--background: transparent;--padding-start: 0;--inner-padding-end: 0}.membership-section .error-section ion-item ion-icon{font-size:var(--token-space-6, 24px)}.membership-section .error-section ion-item ion-label h3{font-size:var(--token-font-size-3, 16px);font-weight:var(--token-font-weight-medium, 500);color:var(--ion-color-danger);margin:0 0 var(--token-space-1, 4px) 0}.membership-section .error-section ion-item ion-label p{font-size:var(--token-font-size-1, 13px);color:var(--ion-color-medium);margin:0;line-height:var(--token-line-height-tight, 1.3)}.step-content{animation:stepFadeIn var(--token-transition-normal, .25s) var(--token-ease-out, cubic-bezier(0, 0, .2, 1))}.direct-select ion-card{position:relative;overflow:hidden}.direct-select ion-card:after{content:\"\";position:absolute;right:12px;top:50%;transform:translateY(-50%) translate(0);width:0;height:0;border-left:6px solid var(--ion-color-primary);border-top:5px solid transparent;border-bottom:5px solid transparent;opacity:0;transition:all var(--token-transition-fast, .15s) ease}.direct-select ion-card:hover:after{opacity:.6;transform:translateY(-50%) translate(4px)}.direct-select ion-card:hover{border-color:rgba(var(--ion-color-primary-rgb),.4)}.direct-select ion-card:hover .option-icon ion-icon{color:var(--ion-color-primary)}.direct-select ion-card:active{transform:scale(.98);background:rgba(var(--ion-color-primary-rgb),.15)!important}.direct-select.options-grid ion-card:after{right:8px;top:16px;transform:translateY(0) translate(0)}.direct-select.options-grid ion-card:hover:after{transform:translateY(0) translate(4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes stepFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stepPulse{0%{box-shadow:0 0 rgba(var(--ion-color-primary-rgb),.4)}70%{box-shadow:0 0 0 8px rgba(var(--ion-color-primary-rgb),0)}to{box-shadow:0 0 rgba(var(--ion-color-primary-rgb),0)}}.step-progress .step-indicator .step-circle.active{animation:stepPulse 1.5s ease-out infinite}@media(max-width:768px){.membership-section .options-grid{grid-template-columns:1fr}.dao-header .step-progress .step-indicator .step-circle{width:28px;height:28px;font-size:12px}.dao-header .step-progress .step-indicator .step-line{width:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}@keyframes fadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes stepFadeIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes stepPulse{0%,to{box-shadow:none}}}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.ModalController }, { type: UnifiedWalletService }], propDecorators: { projectId: [{
                 type: Input
+            }], network: [{
+                type: Input
             }], appName: [{
                 type: Input
             }], appDescription: [{
@@ -9895,7 +10088,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * This file is part of HSuite Native Connect. For commercial licensing,
  * visit https://hsuite.finance/licensing
  */
-const logger$3 = getLogger().scoped?.('WalletConnectButton') ?? getLogger();
+const logger$4 = getLogger().scoped?.('WalletConnectButton') ?? getLogger();
 /**
  * @component WalletConnectButtonComponent
  * Ready-to-use wallet connection button for dApps with multi-protocol support.
@@ -9932,6 +10125,12 @@ class WalletConnectButtonComponent {
      * Wallet URL for targeting the wallet window
      */
     walletUrl = DEFAULT_WALLET_URL;
+    /**
+     * Pins the connection network and hides the network-selection step in the
+     * modal. When set to `'mainnet'` or `'testnet'`, the dApp decides the network
+     * and the user never sees the picker. When omitted, the user chooses.
+     */
+    network;
     /**
      * Whether to show session information when connected
      * @default true
@@ -9994,7 +10193,7 @@ class WalletConnectButtonComponent {
         catch (err) {
             const error = err instanceof Error ? err : new Error(String(err));
             this.error.emit(error);
-            logger$3.error('Connection failed', { error: error.message });
+            logger$4.error('Connection failed', { error: error.message });
         }
         finally {
             this.isConnecting = false;
@@ -10012,6 +10211,7 @@ class WalletConnectButtonComponent {
                 appName: this.appName,
                 appDescription: this.appDescription,
                 walletUrl: this.walletUrl,
+                network: this.network,
             },
         });
         await modal.present();
@@ -10039,7 +10239,7 @@ class WalletConnectButtonComponent {
         catch (err) {
             const error = err instanceof Error ? err : new Error(String(err));
             this.error.emit(error);
-            logger$3.error('Disconnect failed', { error: error.message });
+            logger$4.error('Disconnect failed', { error: error.message });
         }
     }
     /**
@@ -10083,7 +10283,7 @@ class WalletConnectButtonComponent {
         return this.wallet.allAccounts();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WalletConnectButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: WalletConnectButtonComponent, isStandalone: true, selector: "wallet-connect-button", inputs: { walletConnectProjectId: "walletConnectProjectId", appName: "appName", appDescription: "appDescription", walletUrl: "walletUrl", showSessionInfo: "showSessionInfo", buttonColor: "buttonColor", size: "size", connectText: "connectText", connectedText: "connectedText", multiSessionMode: "multiSessionMode" }, outputs: { connected: "connected", disconnected: "disconnected", error: "error" }, providers: [ModalController], ngImport: i0, template: "<div class=\"wallet-connect-container\" [class]=\"'size-' + size\">\n  <!-- Connect Button (Multi-Session Support) -->\n  <ion-button\n    [color]=\"buttonColor\"\n    [size]=\"size\"\n    [disabled]=\"isConnecting\"\n    (click)=\"connect()\"\n    class=\"wallet-button\">\n    <ion-spinner *ngIf=\"isConnecting\" slot=\"start\" name=\"crescent\"></ion-spinner>\n    <ion-icon *ngIf=\"!isConnecting\" [name]=\"getIconName()\" slot=\"start\"></ion-icon>\n    {{ getButtonText() }}\n  </ion-button>\n</div>\n\n", styles: [".wallet-connect-container{display:inline-block;width:100%}.wallet-button{--border-radius: var(--wallet-button-radius, var(--border-radius-lg, 12px));--padding-top: var(--wallet-button-padding-vertical, var(--space-md, 14px));--padding-bottom: var(--wallet-button-padding-vertical, var(--space-md, 14px));--padding-start: var(--wallet-button-padding-horizontal, var(--space-lg, 24px));--padding-end: var(--wallet-button-padding-horizontal, var(--space-lg, 24px));width:100%;font-weight:var(--wallet-button-font-weight, var(--font-weight-semibold, 600));font-size:var(--wallet-button-font-size, var(--font-size-md, 16px));text-transform:none;letter-spacing:var(--letter-spacing-wide, .5px);transition:var(--wallet-transition-normal, var(--transition-all, .2s ease));box-shadow:var(--wallet-button-shadow, var(--shadow-md))}.wallet-button:hover:not([disabled]){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.wallet-button:active:not([disabled]){transform:translateY(0)}.wallet-button ion-icon{font-size:1.25em;transition:transform var(--wallet-transition-fast, var(--transition-fade, .15s)) ease}.wallet-button:hover:not([disabled]) ion-icon{transform:scale(var(--button-hover-scale, 1.1))}.session-display{background:var(--wallet-session-bg, var(--surface-flat, rgba(var(--ion-color-light-rgb), .05)));border:var(--border-width-thin, 1px) solid var(--wallet-session-border, var(--border-flat, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--wallet-session-radius, var(--border-radius-lg, 12px));padding:var(--wallet-session-padding, var(--space-lg, 16px));display:flex;flex-direction:column;gap:var(--wallet-session-gap, var(--space-md, 12px));box-shadow:var(--wallet-session-shadow, var(--shadow-md));animation:slideIn var(--wallet-transition-slow, var(--duration-slow, .3s)) ease-out}.session-header{display:flex;align-items:center;justify-content:space-between;gap:var(--wallet-spacing-lg, var(--space-lg, 16px))}.session-info{display:flex;align-items:center;gap:var(--wallet-spacing-md, var(--space-md, 8px));flex:1;min-width:0}.session-icon{font-size:var(--wallet-session-icon-size, var(--font-size-2xl, 28px));color:var(--ion-color-primary);flex-shrink:0;transition:transform var(--wallet-transition-fast, var(--duration-fast, .15s)) ease}.session-display:hover .session-icon{transform:scale(1.05)}.session-details{display:flex;flex-direction:column;gap:var(--wallet-spacing-xs, var(--space-xs, 4px));min-width:0;flex:1}.session-details strong{font-size:var(--wallet-font-size-base, var(--font-size-sm, 14px));font-weight:var(--wallet-font-weight-semibold, var(--font-weight-semibold, 600));color:var(--wallet-session-text-primary, var(--ion-text-color));line-height:var(--wallet-line-height-normal, var(--line-height-normal, 1.4));display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-badges{display:flex;gap:var(--wallet-spacing-xs, var(--space-xs, 4px));flex-wrap:wrap}.network-badge{font-size:var(--wallet-badge-font-size, var(--font-size-xs, 10px));font-weight:var(--wallet-badge-font-weight, var(--font-weight-semibold, 600));padding:var(--wallet-badge-padding, var(--space-xs, 3px) var(--space-sm, 8px));border-radius:var(--wallet-badge-radius, var(--border-radius-sm, 6px));line-height:var(--line-height-tight, 1.2);transition:transform var(--wallet-transition-fast, var(--duration-fast, .15s)) ease}.session-display:hover .network-badge{transform:scale(1.05)}.disconnect-button{--border-radius: var(--wallet-spacing-sm, var(--border-radius-md, 8px));--padding-start: var(--wallet-spacing-sm, var(--space-sm, 8px));--padding-end: var(--wallet-spacing-sm, var(--space-sm, 8px));flex-shrink:0;transition:all var(--wallet-transition-fast, var(--transition-all, .15s ease))}.disconnect-button:hover:not([disabled]){transform:scale(1.05)}.disconnect-button:active:not([disabled]){transform:scale(var(--button-press-scale, .95))}.account-list{display:flex;flex-direction:column;gap:var(--wallet-spacing-sm, var(--space-sm, 4px));padding-top:var(--wallet-spacing-md, var(--space-md, 8px));border-top:var(--border-width-thin, 1px) solid var(--wallet-session-border, var(--border-flat, rgba(var(--ion-color-light-rgb), .1)))}.account-item{display:flex;align-items:center;justify-content:space-between;padding:var(--wallet-account-padding, var(--space-sm, 8px) var(--space-md, 12px));background:var(--wallet-account-bg, var(--surface-flat, rgba(var(--ion-color-primary-rgb), .05)));border-radius:var(--wallet-account-radius, var(--border-radius-md, 8px));transition:all var(--wallet-transition-normal, var(--transition-all, .2s ease))}.account-item:hover{background:var(--wallet-account-bg-hover, var(--surface-flat-hover, rgba(var(--ion-color-primary-rgb), .1)));transform:translate(2px)}.account-item .account-address{font-family:var(--wallet-account-font-family, var(--font-family-mono, monospace));font-size:var(--wallet-account-font-size, var(--font-size-sm, 14px));color:var(--wallet-session-text-primary, var(--ion-text-color));line-height:var(--wallet-line-height-normal, var(--line-height-normal, 1.4));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-small{--wallet-session-padding: var(--wallet-spacing-md, var(--space-md, 12px))}.size-small .wallet-button{--padding-top: var(--wallet-spacing-sm, var(--space-sm, 8px));--padding-bottom: var(--wallet-spacing-sm, var(--space-sm, 8px));--padding-start: var(--wallet-spacing-lg, var(--space-lg, 16px));--padding-end: var(--wallet-spacing-lg, var(--space-lg, 16px));font-size:var(--wallet-font-size-sm, var(--font-size-sm, 13px))}.size-small .session-icon{font-size:var(--font-size-xl, 24px)}.size-small .session-details strong{font-size:var(--wallet-font-size-sm, var(--font-size-sm, 13px))}.size-large{--wallet-session-padding: var(--wallet-spacing-xl, var(--space-xl, 20px))}.size-large .wallet-button{--padding-top: var(--wallet-spacing-lg, var(--space-lg, 18px));--padding-bottom: var(--wallet-spacing-lg, var(--space-lg, 18px));--padding-start: var(--wallet-spacing-2xl, var(--space-2xl, 32px));--padding-end: var(--wallet-spacing-2xl, var(--space-2xl, 32px));font-size:var(--wallet-font-size-lg, var(--font-size-lg, 18px))}.size-large .session-icon{font-size:var(--font-size-3xl, 32px)}.size-large .session-details strong{font-size:var(--wallet-font-size-lg, var(--font-size-lg, 18px))}@media(max-width:576px){.session-header{flex-wrap:wrap}.disconnect-button{width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.wallet-button[disabled]{animation:pulse 1.5s ease-in-out infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}@keyframes slideIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: WalletConnectButtonComponent, isStandalone: true, selector: "wallet-connect-button", inputs: { walletConnectProjectId: "walletConnectProjectId", appName: "appName", appDescription: "appDescription", walletUrl: "walletUrl", network: "network", showSessionInfo: "showSessionInfo", buttonColor: "buttonColor", size: "size", connectText: "connectText", connectedText: "connectedText", multiSessionMode: "multiSessionMode" }, outputs: { connected: "connected", disconnected: "disconnected", error: "error" }, providers: [ModalController], ngImport: i0, template: "<div class=\"wallet-connect-container\" [class]=\"'size-' + size\">\n  <!-- Connect Button (Multi-Session Support) -->\n  <ion-button\n    [color]=\"buttonColor\"\n    [size]=\"size\"\n    [disabled]=\"isConnecting\"\n    (click)=\"connect()\"\n    class=\"wallet-button\">\n    <ion-spinner *ngIf=\"isConnecting\" slot=\"start\" name=\"crescent\"></ion-spinner>\n    <ion-icon *ngIf=\"!isConnecting\" [name]=\"getIconName()\" slot=\"start\"></ion-icon>\n    {{ getButtonText() }}\n  </ion-button>\n</div>\n\n", styles: [".wallet-connect-container{display:inline-block;width:100%}.wallet-button{--border-radius: var(--wallet-button-radius, var(--border-radius-lg, 12px));--padding-top: var(--wallet-button-padding-vertical, var(--space-md, 14px));--padding-bottom: var(--wallet-button-padding-vertical, var(--space-md, 14px));--padding-start: var(--wallet-button-padding-horizontal, var(--space-lg, 24px));--padding-end: var(--wallet-button-padding-horizontal, var(--space-lg, 24px));width:100%;font-weight:var(--wallet-button-font-weight, var(--font-weight-semibold, 600));font-size:var(--wallet-button-font-size, var(--font-size-md, 16px));text-transform:none;letter-spacing:var(--letter-spacing-wide, .5px);transition:var(--wallet-transition-normal, var(--transition-all, .2s ease));box-shadow:var(--wallet-button-shadow, var(--shadow-md))}.wallet-button:hover:not([disabled]){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.wallet-button:active:not([disabled]){transform:translateY(0)}.wallet-button ion-icon{font-size:1.25em;transition:transform var(--wallet-transition-fast, var(--transition-fade, .15s)) ease}.wallet-button:hover:not([disabled]) ion-icon{transform:scale(var(--button-hover-scale, 1.1))}.session-display{background:var(--wallet-session-bg, var(--surface-flat, rgba(var(--ion-color-light-rgb), .05)));border:var(--border-width-thin, 1px) solid var(--wallet-session-border, var(--border-flat, rgba(var(--ion-color-light-rgb), .1)));border-radius:var(--wallet-session-radius, var(--border-radius-lg, 12px));padding:var(--wallet-session-padding, var(--space-lg, 16px));display:flex;flex-direction:column;gap:var(--wallet-session-gap, var(--space-md, 12px));box-shadow:var(--wallet-session-shadow, var(--shadow-md));animation:slideIn var(--wallet-transition-slow, var(--duration-slow, .3s)) ease-out}.session-header{display:flex;align-items:center;justify-content:space-between;gap:var(--wallet-spacing-lg, var(--space-lg, 16px))}.session-info{display:flex;align-items:center;gap:var(--wallet-spacing-md, var(--space-md, 8px));flex:1;min-width:0}.session-icon{font-size:var(--wallet-session-icon-size, var(--font-size-2xl, 28px));color:var(--ion-color-primary);flex-shrink:0;transition:transform var(--wallet-transition-fast, var(--duration-fast, .15s)) ease}.session-display:hover .session-icon{transform:scale(1.05)}.session-details{display:flex;flex-direction:column;gap:var(--wallet-spacing-xs, var(--space-xs, 4px));min-width:0;flex:1}.session-details strong{font-size:var(--wallet-font-size-base, var(--font-size-sm, 14px));font-weight:var(--wallet-font-weight-semibold, var(--font-weight-semibold, 600));color:var(--wallet-session-text-primary, var(--ion-text-color));line-height:var(--wallet-line-height-normal, var(--line-height-normal, 1.4));display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-badges{display:flex;gap:var(--wallet-spacing-xs, var(--space-xs, 4px));flex-wrap:wrap}.network-badge{font-size:var(--wallet-badge-font-size, var(--font-size-xs, 10px));font-weight:var(--wallet-badge-font-weight, var(--font-weight-semibold, 600));padding:var(--wallet-badge-padding, var(--space-xs, 3px) var(--space-sm, 8px));border-radius:var(--wallet-badge-radius, var(--border-radius-sm, 6px));line-height:var(--line-height-tight, 1.2);transition:transform var(--wallet-transition-fast, var(--duration-fast, .15s)) ease}.session-display:hover .network-badge{transform:scale(1.05)}.disconnect-button{--border-radius: var(--wallet-spacing-sm, var(--border-radius-md, 8px));--padding-start: var(--wallet-spacing-sm, var(--space-sm, 8px));--padding-end: var(--wallet-spacing-sm, var(--space-sm, 8px));flex-shrink:0;transition:all var(--wallet-transition-fast, var(--transition-all, .15s ease))}.disconnect-button:hover:not([disabled]){transform:scale(1.05)}.disconnect-button:active:not([disabled]){transform:scale(var(--button-press-scale, .95))}.account-list{display:flex;flex-direction:column;gap:var(--wallet-spacing-sm, var(--space-sm, 4px));padding-top:var(--wallet-spacing-md, var(--space-md, 8px));border-top:var(--border-width-thin, 1px) solid var(--wallet-session-border, var(--border-flat, rgba(var(--ion-color-light-rgb), .1)))}.account-item{display:flex;align-items:center;justify-content:space-between;padding:var(--wallet-account-padding, var(--space-sm, 8px) var(--space-md, 12px));background:var(--wallet-account-bg, var(--surface-flat, rgba(var(--ion-color-primary-rgb), .05)));border-radius:var(--wallet-account-radius, var(--border-radius-md, 8px));transition:all var(--wallet-transition-normal, var(--transition-all, .2s ease))}.account-item:hover{background:var(--wallet-account-bg-hover, var(--surface-flat-hover, rgba(var(--ion-color-primary-rgb), .1)));transform:translate(2px)}.account-item .account-address{font-family:var(--wallet-account-font-family, var(--font-family-mono, monospace));font-size:var(--wallet-account-font-size, var(--font-size-sm, 14px));color:var(--wallet-session-text-primary, var(--ion-text-color));line-height:var(--wallet-line-height-normal, var(--line-height-normal, 1.4));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-small{--wallet-session-padding: var(--wallet-spacing-md, var(--space-md, 12px))}.size-small .wallet-button{--padding-top: var(--wallet-spacing-sm, var(--space-sm, 8px));--padding-bottom: var(--wallet-spacing-sm, var(--space-sm, 8px));--padding-start: var(--wallet-spacing-lg, var(--space-lg, 16px));--padding-end: var(--wallet-spacing-lg, var(--space-lg, 16px));font-size:var(--wallet-font-size-sm, var(--font-size-sm, 13px))}.size-small .session-icon{font-size:var(--font-size-xl, 24px)}.size-small .session-details strong{font-size:var(--wallet-font-size-sm, var(--font-size-sm, 13px))}.size-large{--wallet-session-padding: var(--wallet-spacing-xl, var(--space-xl, 20px))}.size-large .wallet-button{--padding-top: var(--wallet-spacing-lg, var(--space-lg, 18px));--padding-bottom: var(--wallet-spacing-lg, var(--space-lg, 18px));--padding-start: var(--wallet-spacing-2xl, var(--space-2xl, 32px));--padding-end: var(--wallet-spacing-2xl, var(--space-2xl, 32px));font-size:var(--wallet-font-size-lg, var(--font-size-lg, 18px))}.size-large .session-icon{font-size:var(--font-size-3xl, 32px)}.size-large .session-details strong{font-size:var(--wallet-font-size-lg, var(--font-size-lg, 18px))}@media(max-width:576px){.session-header{flex-wrap:wrap}.disconnect-button{width:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.wallet-button[disabled]{animation:pulse 1.5s ease-in-out infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}@keyframes slideIn{0%,to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WalletConnectButtonComponent, decorators: [{
             type: Component,
@@ -10096,6 +10296,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                 type: Input
             }], walletUrl: [{
                 type: Input
+            }], network: [{
+                type: Input
             }], showSessionInfo: [{
                 type: Input
             }], buttonColor: [{
@@ -10183,7 +10385,7 @@ class WalletConnectPromptComponent {
         addIcons({ walletOutline });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WalletConnectPromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: WalletConnectPromptComponent, isStandalone: true, selector: "wallet-connect-prompt", inputs: { title: "title", subtitle: "subtitle", message: "message", showIcon: "showIcon", buttonText: "buttonText", buttonSize: "buttonSize", buttonColor: "buttonColor", cardColor: "cardColor", walletConnectProjectId: "walletConnectProjectId" }, ngImport: i0, template: "<ion-card class=\"wallet-connect-prompt\" [color]=\"cardColor\">\n  <ion-card-header>\n    <div class=\"prompt-header\">\n      <ion-icon *ngIf=\"showIcon\" name=\"wallet-outline\" class=\"prompt-icon\"></ion-icon>\n      <div>\n        <ion-card-title>{{ title }}</ion-card-title>\n        <ion-card-subtitle *ngIf=\"subtitle\">{{ subtitle }}</ion-card-subtitle>\n      </div>\n    </div>\n  </ion-card-header>\n  \n  <ion-card-content>\n    <p class=\"prompt-message\">{{ message }}</p>\n    \n    <wallet-connect-button\n      [walletConnectProjectId]=\"walletConnectProjectId\"\n      [connectText]=\"buttonText\"\n      [size]=\"buttonSize\"\n      [buttonColor]=\"buttonColor\"\n      class=\"prompt-button\"\n    />\n  </ion-card-content>\n</ion-card>\n\n", styles: [".wallet-connect-prompt{max-width:600px;margin:var(--space-lg, 24px) auto;text-align:center}.prompt-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm, 12px)}.prompt-icon{font-size:48px;color:var(--ion-color-primary)}.prompt-message{margin:var(--space-md, 16px) 0;color:var(--ion-color-medium);font-size:14px;line-height:1.6}.prompt-button{margin-top:var(--space-md, 16px)}.prompt-button ::ng-deep ion-button{margin:0 auto;display:block}@media(max-width:576px){.wallet-connect-prompt{margin:var(--space-md, 16px)}.prompt-icon{font-size:36px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: WalletConnectButtonComponent, selector: "wallet-connect-button", inputs: ["walletConnectProjectId", "appName", "appDescription", "walletUrl", "showSessionInfo", "buttonColor", "size", "connectText", "connectedText", "multiSessionMode"], outputs: ["connected", "disconnected", "error"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: WalletConnectPromptComponent, isStandalone: true, selector: "wallet-connect-prompt", inputs: { title: "title", subtitle: "subtitle", message: "message", showIcon: "showIcon", buttonText: "buttonText", buttonSize: "buttonSize", buttonColor: "buttonColor", cardColor: "cardColor", walletConnectProjectId: "walletConnectProjectId" }, ngImport: i0, template: "<ion-card class=\"wallet-connect-prompt\" [color]=\"cardColor\">\n  <ion-card-header>\n    <div class=\"prompt-header\">\n      <ion-icon *ngIf=\"showIcon\" name=\"wallet-outline\" class=\"prompt-icon\"></ion-icon>\n      <div>\n        <ion-card-title>{{ title }}</ion-card-title>\n        <ion-card-subtitle *ngIf=\"subtitle\">{{ subtitle }}</ion-card-subtitle>\n      </div>\n    </div>\n  </ion-card-header>\n  \n  <ion-card-content>\n    <p class=\"prompt-message\">{{ message }}</p>\n    \n    <wallet-connect-button\n      [walletConnectProjectId]=\"walletConnectProjectId\"\n      [connectText]=\"buttonText\"\n      [size]=\"buttonSize\"\n      [buttonColor]=\"buttonColor\"\n      class=\"prompt-button\"\n    />\n  </ion-card-content>\n</ion-card>\n\n", styles: [".wallet-connect-prompt{max-width:600px;margin:var(--space-lg, 24px) auto;text-align:center}.prompt-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm, 12px)}.prompt-icon{font-size:48px;color:var(--ion-color-primary)}.prompt-message{margin:var(--space-md, 16px) 0;color:var(--ion-color-medium);font-size:14px;line-height:1.6}.prompt-button{margin-top:var(--space-md, 16px)}.prompt-button ::ng-deep ion-button{margin:0 auto;display:block}@media(max-width:576px){.wallet-connect-prompt{margin:var(--space-md, 16px)}.prompt-icon{font-size:36px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: WalletConnectButtonComponent, selector: "wallet-connect-button", inputs: ["walletConnectProjectId", "appName", "appDescription", "walletUrl", "network", "showSessionInfo", "buttonColor", "size", "connectText", "connectedText", "multiSessionMode"], outputs: ["connected", "disconnected", "error"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: WalletConnectPromptComponent, decorators: [{
             type: Component,
@@ -11432,7 +11634,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
  * }
  * ```
  */
-const logger$2 = getLogger().scoped?.('TransactionService') ?? getLogger();
+const logger$3 = getLogger().scoped?.('TransactionService') ?? getLogger();
 /**
  * High-level transaction service with automatic state management.
  *
@@ -11484,7 +11686,7 @@ class TransactionService {
     async signTransaction(payload) {
         return this.executeTransaction(async () => {
             const result = (await this.walletService.signTransaction(payload));
-            logger$2.info('Transaction signed', {
+            logger$3.info('Transaction signed', {
                 hasSignature: !!result.signedTransaction,
             });
             await this.showSuccessToast('Transaction Signed', 'Your transaction has been signed successfully.');
@@ -11505,7 +11707,7 @@ class TransactionService {
     async submitTransaction(payload) {
         return this.executeTransaction(async () => {
             const result = (await this.walletService.submitTransaction(payload));
-            logger$2.info('Transaction submitted', { transactionId: result.transactionId });
+            logger$3.info('Transaction submitted', { transactionId: result.transactionId });
             await this.showSuccessToast('Transaction Submitted', `Transaction ID: ${result.transactionId || 'Success'}`);
             return result;
         });
@@ -11524,7 +11726,7 @@ class TransactionService {
             // Use the wallet's signAndExecuteTransaction method directly
             // This uses hedera_signAndExecuteTransaction for WalletConnect (one prompt!)
             const result = (await this.walletService.signAndExecuteTransaction(payload));
-            logger$2.info('Transaction signed and submitted', { transactionId: result.transactionId });
+            logger$3.info('Transaction signed and submitted', { transactionId: result.transactionId });
             await this.showSuccessToast('Transaction Complete', `Transaction ID: ${result.transactionId || 'Success'}`);
             return result;
         });
@@ -11548,7 +11750,7 @@ class TransactionService {
                 batchKey: options.batchKey,
                 innerTransactions: options.innerTransactions,
             }));
-            logger$2.info('Batch transaction submitted', { transactionId: result.transactionId });
+            logger$3.info('Batch transaction submitted', { transactionId: result.transactionId });
             await this.showSuccessToast('Batch Transaction Complete', `Transaction ID: ${result.transactionId || 'Success'}`);
             return result;
         });
@@ -11561,8 +11763,8 @@ class TransactionService {
      */
     async signMessage(message) {
         return this.executeTransaction(async () => {
-            const result = (await this.walletService.signMessage(message));
-            logger$2.info('Message signed', { hasSignature: !!result.signature });
+            const result = await this.walletService.signMessage(message);
+            logger$3.info('Message signed', { hasSignature: !!result.signature });
             await this.showSuccessToast('Message Signed', 'Your message has been signed successfully.');
             return result;
         });
@@ -11685,6 +11887,378 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
             args: [{ providedIn: 'root' }]
         }] });
 
+/**
+ * HSuite Native Connect
+ * Copyright 2024-2025 HSuite (https://hsuite.finance)
+ *
+ * SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0
+ *
+ * This file is part of HSuite Native Connect. For commercial licensing,
+ * visit https://hsuite.finance/licensing
+ */
+/**
+ * @file Smart-host customer session helper.
+ *
+ * @module services/smart-session
+ *
+ * @description
+ * SmartSessionService automates the smart-host authentication handshake for
+ * HSuite dApps. It discovers the host's `appId`, requests a challenge, signs it
+ * with the active wallet account, and exchanges the signed challenge for a
+ * short-lived bearer token.
+ *
+ * **Typical flow:**
+ * ```typescript
+ * const session = inject(SmartSessionService);
+ * await session.login();
+ * const bearer = session.getBearer();
+ * ```
+ *
+ * The service also exposes {@link withSession} for automatic 401 recovery:
+ * operations that fail with HTTP 401 are retried once after a fresh login.
+ */
+const logger$2 = getLogger().scoped?.('SmartSessionService') ?? getLogger();
+/**
+ * Configuration token for {@link SmartSessionService}.
+ */
+const SMART_SESSION_CONFIG = new InjectionToken('SMART_SESSION_CONFIG', {
+    factory: () => ({}),
+});
+/**
+ * Smart-host customer session helper.
+ *
+ * @service SmartSessionService
+ *
+ * @description
+ * Encapsulates the full challenge → sign → verify → store JWT flow required by
+ * HSuite smart hosts. The service is intentionally thin: it delegates signing to
+ * {@link TransactionService} and relies on standard Angular `HttpClient` for the
+ * host HTTP calls.
+ *
+ * @providedIn root
+ */
+class SmartSessionService {
+    http = inject(HttpClient);
+    walletService = inject(UnifiedWalletService);
+    transactionService = inject(TransactionService);
+    config = inject(SMART_SESSION_CONFIG);
+    get baseUrl() {
+        return this.config.baseUrl ?? '';
+    }
+    get healthEndpoint() {
+        return this.config.healthEndpoint ?? '/api/health';
+    }
+    get challengeEndpoint() {
+        return this.config.challengeEndpoint ?? '/api/auth/challenge';
+    }
+    get verifyEndpoint() {
+        return this.config.verifyEndpoint ?? '/api/auth/verify';
+    }
+    get storageKey() {
+        return this.config.storageKey ?? 'hsuite.smart-session';
+    }
+    /**
+     * Returns the currently stored bearer token, or `null` if there is no session.
+     *
+     * @returns Bearer token string or null
+     */
+    getBearer() {
+        const stored = this.readStoredSession();
+        return stored && stored.expiresAt > Date.now() ? stored.bearer : null;
+    }
+    /**
+     * Checks whether a non-expired session is available.
+     *
+     * @returns true if logged in and the bearer has not expired
+     */
+    isLoggedIn() {
+        return this.getBearer() !== null;
+    }
+    /**
+     * Performs the full smart-host login handshake.
+     *
+     * @description
+     * 1. Discovers `appId` from the health endpoint.
+     * 2. Fetches a challenge from the challenge endpoint.
+     * 3. Signs the challenge with the active wallet account.
+     * 4. Exchanges the signed challenge for a bearer token.
+     * 5. Stores the bearer and expiry in `sessionStorage`.
+     *
+     * @returns The verify response from the host
+     *
+     * @throws {Error} If no active account is available
+     * @throws {Error} If the health endpoint does not return an `appId`
+     * @throws {Error} If the challenge endpoint does not return a `challenge`
+     * @throws {Error} If the verify call fails
+     */
+    async login() {
+        const account = this.walletService.activeAccount();
+        if (!account) {
+            throw new Error('No active account');
+        }
+        logger$2.info('Starting smart-host login handshake', {
+            accountAddress: account.address,
+        });
+        const health = await this.fetchHealth();
+        if (!health.appId) {
+            throw new Error('Smart host health endpoint did not return appId');
+        }
+        const challengeResponse = await this.fetchChallenge(health.appId);
+        if (!challengeResponse.challenge) {
+            throw new Error('Smart host challenge endpoint did not return challenge');
+        }
+        const signResult = await this.transactionService.signMessage(challengeResponse.challenge);
+        const verifyResponse = await this.verifyChallenge(health.appId, account, challengeResponse.challenge, signResult);
+        if (!verifyResponse.bearer) {
+            throw new Error('Smart host verify endpoint did not return bearer');
+        }
+        const expiresAt = this.resolveExpiry(verifyResponse);
+        this.storeSession({ bearer: verifyResponse.bearer, expiresAt });
+        logger$2.info('Smart-host login successful', {
+            appId: health.appId,
+            expiresAt,
+        });
+        return verifyResponse;
+    }
+    /**
+     * Clears the stored session.
+     */
+    logout() {
+        this.clearStoredSession();
+        logger$2.info('Smart-host session cleared');
+    }
+    /**
+     * Runs an HTTP operation with automatic 401 recovery.
+     *
+     * @description
+     * Executes the provided operation. If it rejects with an HTTP 401 error,
+     * the service clears the current bearer, performs a fresh login, and retries
+     * the operation once. Any other error is propagated immediately.
+     *
+     * @param operation - Async operation that needs a valid session
+     * @returns The result of the operation
+     *
+     * @throws {Error} The original error if retry is not possible or fails
+     */
+    async withSession(operation) {
+        try {
+            return await operation();
+        }
+        catch (error) {
+            if (this.isUnauthorizedError(error)) {
+                logger$2.warn('Operation received 401; attempting single session refresh');
+                this.logout();
+                await this.login();
+                return await operation();
+            }
+            throw error;
+        }
+    }
+    async fetchHealth() {
+        return firstValueFrom(this.http.get(`${this.baseUrl}${this.healthEndpoint}`));
+    }
+    async fetchChallenge(appId) {
+        return firstValueFrom(this.http.post(`${this.baseUrl}${this.challengeEndpoint}`, { appId }));
+    }
+    async verifyChallenge(appId, account, challenge, signResult) {
+        const payload = {
+            appId,
+            accountAddress: account.address,
+            publicKey: signResult.publicKey ?? account.publicKey,
+            signature: signResult.signature,
+            algorithm: signResult.algorithm,
+            message: challenge,
+            caipChainId: signResult.caipChainId,
+            ledgerId: account.ledgerId,
+            networkId: account.networkId,
+        };
+        return firstValueFrom(this.http.post(`${this.baseUrl}${this.verifyEndpoint}`, payload));
+    }
+    resolveExpiry(response) {
+        if (response.expiresAt) {
+            return response.expiresAt;
+        }
+        if (response.expiresIn) {
+            return Date.now() + response.expiresIn * 1000;
+        }
+        // Default to 5 minutes if no expiry is provided
+        return Date.now() + 5 * 60 * 1000;
+    }
+    readStoredSession() {
+        try {
+            const raw = sessionStorage.getItem(this.storageKey);
+            if (!raw) {
+                return null;
+            }
+            const parsed = JSON.parse(raw);
+            if (!parsed.bearer || typeof parsed.expiresAt !== 'number') {
+                return null;
+            }
+            return parsed;
+        }
+        catch {
+            return null;
+        }
+    }
+    storeSession(session) {
+        try {
+            sessionStorage.setItem(this.storageKey, JSON.stringify(session));
+        }
+        catch (error) {
+            logger$2.warn('Failed to store smart session', { error });
+        }
+    }
+    clearStoredSession() {
+        try {
+            sessionStorage.removeItem(this.storageKey);
+        }
+        catch (error) {
+            logger$2.warn('Failed to clear smart session', { error });
+        }
+    }
+    isUnauthorizedError(error) {
+        if (!error || typeof error !== 'object') {
+            return false;
+        }
+        const status = error.status;
+        if (typeof status === 'number') {
+            return status === 401;
+        }
+        const message = String(error.message ?? '');
+        return /\b401\b|unauthorized/i.test(message);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SmartSessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SmartSessionService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: SmartSessionService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * HSuite Native Connect
+ * Copyright 2024-2025 HSuite (https://hsuite.finance)
+ *
+ * SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0
+ *
+ * This file is part of HSuite Native Connect. For commercial licensing,
+ * visit https://hsuite.finance/licensing
+ */
+/**
+ * @file HTTP interceptor that attaches wallet-attributed auth headers.
+ *
+ * @module services/hsuite-auth-interceptor
+ *
+ * @description
+ * `HsuiteAuthInterceptor` automatically adds the active smart-host bearer token
+ * and wallet ledger identifier to outgoing HTTP requests. When a request fails
+ * with HTTP 401, it delegates recovery to {@link SmartSessionService} for a
+ * single re-login and retry.
+ *
+ * **Registration (standalone apps):**
+ * ```typescript
+ * provideHttpClient(withInterceptors([provideHsuiteAuthInterceptor()]))
+ * ```
+ *
+ * **Registration (module-based apps):**
+ * ```typescript
+ * { provide: HTTP_INTERCEPTORS, useClass: HsuiteAuthInterceptor, multi: true }
+ * ```
+ */
+/**
+ * Headers injected by the interceptor.
+ */
+const HSUITE_AUTH_HEADER = 'Authorization';
+const HSUITE_LEDGER_HEADER = 'X-Ledger-Id';
+/**
+ * Functional HTTP interceptor that attaches wallet-attributed auth headers.
+ *
+ * @description
+ * Adds:
+ * - `Authorization: Bearer <token>` when {@link SmartSessionService.getBearer} returns a token
+ * - `X-Ledger-Id: <ledgerId>` when a wallet account is active
+ *
+ * On 401 responses, clears the stale bearer and retries once after re-login.
+ *
+ * @param req - The outgoing HTTP request
+ * @param next - The downstream request handler
+ * @returns Observable of HTTP events
+ */
+const hsuiteAuthInterceptor = (req, next) => {
+    const session = inject(SmartSessionService);
+    const wallet = inject(UnifiedWalletService);
+    const authenticated = appendAuthHeaders(req, session, wallet);
+    return next(authenticated).pipe(catchError((error) => {
+        if (error instanceof HttpErrorResponse && error.status === 401) {
+            session.logout();
+            return from(session.login()).pipe(switchMap(() => next(appendAuthHeaders(req, session, wallet))), catchError((loginError) => throwError(() => loginError)));
+        }
+        return throwError(() => error);
+    }));
+};
+/**
+ * Class-based HTTP interceptor for module-based Angular apps.
+ *
+ * @description
+ * Provides the same behavior as {@link hsuiteAuthInterceptor} in a class form
+ * suitable for registration via `HTTP_INTERCEPTORS`.
+ */
+class HsuiteAuthInterceptor {
+    session = inject(SmartSessionService);
+    wallet = inject(UnifiedWalletService);
+    /**
+     * Intercepts outgoing HTTP requests to attach wallet-attributed auth headers.
+     *
+     * @param req - The outgoing HTTP request
+     * @param next - The downstream request handler
+     * @returns Observable of HTTP events
+     */
+    intercept(req, next) {
+        const authenticated = appendAuthHeaders(req, this.session, this.wallet);
+        return next.handle(authenticated).pipe(catchError((error) => {
+            if (error instanceof HttpErrorResponse && error.status === 401) {
+                this.session.logout();
+                return from(this.session.login()).pipe(switchMap(() => next.handle(appendAuthHeaders(req, this.session, this.wallet))), catchError((loginError) => throwError(() => loginError)));
+            }
+            return throwError(() => error);
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HsuiteAuthInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HsuiteAuthInterceptor, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: HsuiteAuthInterceptor, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Helper that clones a request with the active auth headers attached.
+ *
+ * @param req - The outgoing HTTP request
+ * @param session - Smart session service for bearer lookup
+ * @param wallet - Unified wallet service for ledger ID lookup
+ * @returns The request cloned with Authorization and/or X-Ledger-Id headers
+ */
+function appendAuthHeaders(req, session, wallet) {
+    const bearer = session.getBearer();
+    const activeAccount = wallet.activeAccount();
+    const ledgerId = activeAccount?.ledgerId;
+    // Avoid mutating requests that already carry an Authorization header
+    if (!bearer && !ledgerId) {
+        return req;
+    }
+    const headers = {};
+    if (bearer && !req.headers.has(HSUITE_AUTH_HEADER)) {
+        headers[HSUITE_AUTH_HEADER] = `Bearer ${bearer}`;
+    }
+    if (ledgerId && !req.headers.has(HSUITE_LEDGER_HEADER)) {
+        headers[HSUITE_LEDGER_HEADER] = ledgerId;
+    }
+    if (Object.keys(headers).length === 0) {
+        return req;
+    }
+    return req.clone({ setHeaders: headers });
+}
+
 /**
  * HSuite Native Connect
  * Copyright 2024-2025 HSuite (https://hsuite.finance)
@@ -12125,6 +12699,43 @@ class BaseTransactionBuilderService {
     }
 }
 
+/**
+ * HSuite Native Connect
+ * Copyright 2024-2025 HSuite (https://hsuite.finance)
+ *
+ * SPDX-License-Identifier: PolyForm-Noncommercial-1.0.0
+ *
+ * This file is part of HSuite Native Connect. For commercial licensing,
+ * visit https://hsuite.finance/licensing
+ */
+/**
+ * @file ACTIVE_ACCOUNT_SOURCE: the minimal active-account read surface the
+ * transaction builders need.
+ *
+ * @description
+ * The Hedera transaction builder only reads `activeAccount()` from the wallet
+ * (to pick the network and the entity key config). Injecting the whole
+ * {@link UnifiedWalletService} couples the builder to a heavy root service that
+ * also runs the dApp connect stack on construction. This token narrows that
+ * dependency to a single member.
+ *
+ * The default provider points at {@link UnifiedWalletService}, so existing SDK
+ * consumers that already provide it need NO wiring change (backward
+ * compatible). The embedded widget shell overrides this token with a one-member
+ * account context, which keeps the heavy root service from ever being
+ * constructed inside the wallet.
+ */
+/**
+ * Injection token for the active-account read surface. Defaults to
+ * {@link UnifiedWalletService} so consumers that already provide it need no
+ * extra wiring; override it to supply a narrower source (the embedded shell
+ * does this to avoid constructing the root service inside the wallet).
+ */
+const ACTIVE_ACCOUNT_SOURCE = new InjectionToken('ACTIVE_ACCOUNT_SOURCE', {
+    providedIn: 'root',
+    factory: () => inject(UnifiedWalletService),
+});
+
 /**
  * HSuite Native Connect
  * Copyright 2024-2025 HSuite (https://hsuite.finance)
@@ -12268,7 +12879,7 @@ function assertSafeInteger(value, context) {
  * ```
  */
 class HederaTransactionBuilderService {
-    wallet = inject(UnifiedWalletService);
+    accountSource = inject(ACTIVE_ACCOUNT_SOURCE);
     logger = inject(LoggerService).scoped('HederaTransactionBuilder');
     /**
      * Gets the network ID from the active wallet account.
@@ -12283,7 +12894,7 @@ class HederaTransactionBuilderService {
      * @throws {Error} When used in methods that require a network, if no account is active
      */
     getNetworkId() {
-        const activeAccount = this.wallet.activeAccount();
+        const activeAccount = this.accountSource.activeAccount();
         return activeAccount?.networkId;
     }
     /**
@@ -12329,7 +12940,7 @@ class HederaTransactionBuilderService {
      * @returns Key configuration or undefined if no active account
      */
     getActiveAccountKeyConfig() {
-        const activeAccount = this.wallet.activeAccount();
+        const activeAccount = this.accountSource.activeAccount();
         if (!activeAccount) {
             this.logger.debug('No active account for key config');
             return undefined;
@@ -14588,5 +15199,5 @@ function provideWalletErrorHandler(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { AccountActionsComponent, AccountFilterComponent, AccountFormattingService, AccountGroupingService, AccountListComponent, AccountSelectorComponent, AccountSelectorService, BaseWalletProvider, ChannelClientService, ChromeExtensionTransport, DEFAULT_LEDGER_ICONS, DEFAULT_WALLET_URL, HederaSigner, HederaTransactionBuilderService, HsuiteNativeProvider, HsuiteWalletModule, LEDGER_COLORS, LEDGER_NAMES, LoggerService, P2PNativeProvider, P2PSessionManager, SignerFactory, TransactionService, UnifiedWalletService, WalletAccountDisplayComponent, WalletConnectButtonComponent, WalletConnectClientManager, WalletConnectPromptComponent, WalletConnectSessionStore, WalletConnectSigningOrchestrator, WalletConnectV2Provider, WalletConnectedDirective, WalletConnectedGuardComponent, WalletConnectionModalComponent, WalletContextDirective, WalletContextService, WalletErrorHandler, WalletEventBus, WalletEventsDirective, WalletSessionDisplayComponent, WalletTransactionStatusComponent, XrplSigner, XrplTransactionBuilderService, getExtensionVersion, getLedgerColor, getLedgerIcon, getLedgerName, getTokenIcon, isExtensionInstalled, isHsuiteNativeConfig, isWalletConnectV2Config, provideWalletErrorHandler, scaleHederaAmountToBaseUnits };
+export { ACTIVE_ACCOUNT_SOURCE, AccountActionsComponent, AccountFilterComponent, AccountFormattingService, AccountGroupingService, AccountListComponent, AccountSelectorComponent, AccountSelectorService, BaseWalletProvider, ChannelClientService, ChromeExtensionTransport, DEFAULT_LEDGER_ICONS, DEFAULT_WALLET_URL, HSUITE_AUTH_HEADER, HSUITE_LEDGER_HEADER, HederaSigner, HederaTransactionBuilderService, HsuiteAuthInterceptor, HsuiteNativeProvider, HsuiteWalletModule, LEDGER_COLORS, LEDGER_ICON_NAMES, LEDGER_NAMES, LedgerUIRegistry, LoggerService, P2PNativeProvider, P2PSessionManager, SMART_SESSION_CONFIG, SignerFactory, SmartSessionService, TransactionService, UnifiedWalletService, WalletAccountDisplayComponent, WalletConnectButtonComponent, WalletConnectClientManager, WalletConnectPromptComponent, WalletConnectSessionStore, WalletConnectSigningOrchestrator, WalletConnectV2Provider, WalletConnectedDirective, WalletConnectedGuardComponent, WalletConnectionModalComponent, WalletContextDirective, WalletContextService, WalletErrorHandler, WalletEventBus, WalletEventsDirective, WalletSessionDisplayComponent, WalletTransactionStatusComponent, XrplSigner, XrplTransactionBuilderService, getExtensionVersion, getLedgerColor, getLedgerIcon, getLedgerName, getTokenIcon, hsuiteAuthInterceptor, isExtensionInstalled, isHsuiteNativeConfig, isWalletConnectV2Config, provideWalletErrorHandler, registerLedgerIcons, scaleHederaAmountToBaseUnits };
 //# sourceMappingURL=hsuite-native-connect-angular.mjs.map