@ledgerhq/live-common 34.55.0-nightly.20251210120335 → 34.55.0-nightly.20251212024049

package/src/bridge/generic-alpaca/signer/index.ts

@@ -11,6 +11,11 @@ import { DerivationType, LedgerSigner as TaquitoLedgerSigner } from "@taquito/le
 import tezosGetAddress from "@ledgerhq/coin-tezos/signer/getAddress";
 import Tezos from "@ledgerhq/hw-app-tezos";
 import { context as evmContext, getAddress as evmGetAddress } from "./Eth";
+import { AddressValidationCurrencyParameters } from "@ledgerhq/types-live";
+import { validateAddress as tezosValidateAddress } from "@ledgerhq/coin-tezos/logic/validateAddress";
+import { validateAddress as xrpValidateAddress } from "@ledgerhq/coin-xrp/logic/validateAddress";
+import { validateAddress as stellarValidateAddress } from "@ledgerhq/coin-stellar/logic/validateAddress";
+import { validateAddress as evmValidateAddress } from "@ledgerhq/coin-evm/logic/validateAddress";
 
 const createSignerXrp: CreateSigner<Xrp> = (transport: Transport) => {
   return new Xrp(transport);
@@ -107,3 +112,27 @@ export function getSigner(network: string): AlpacaSigner {
   }
   throw new Error(`signer for ${network} not implemented`);
 }
+
+type ValidateAddressFunction = (
+  address: string,
+  parameters: Partial<AddressValidationCurrencyParameters>,
+) => Promise<boolean>;
+
+const validateAddressByNetwork = new Map<string, ValidateAddressFunction>();
+validateAddressByNetwork.set("stellar", stellarValidateAddress);
+validateAddressByNetwork.set("xrp", xrpValidateAddress);
+validateAddressByNetwork.set("tezos", tezosValidateAddress);
+validateAddressByNetwork.set("evm", evmValidateAddress);
+validateAddressByNetwork.set("ethereum", evmValidateAddress); // for the coin tester
+validateAddressByNetwork.set("sonic", evmValidateAddress); // for the coin tester
+validateAddressByNetwork.set("polygon", evmValidateAddress); // for the coin tester
+validateAddressByNetwork.set("core", evmValidateAddress); // for the coin tester
+
+export function getValidateAddress(network: string): ValidateAddressFunction {
+  const validateAddress = validateAddressByNetwork.get(network);
+  if (!validateAddress) {
+    throw new Error(`No validate address function for network ${network}`);
+  }
+
+  return validateAddress;
+}

package/src/bridge/mockHelpers.ts

@@ -110,10 +110,8 @@ export const signOperation: AccountBridge<any>["signOperation"] = ({ account, tr
       cancelled = true;
     };
   });
-export const isInvalidRecipient = (recipient: string) => {
-  if (recipient.includes("criticalcrash")) throw new Error("isInvalidRecipient_mock_criticalcrash");
-  return recipient.includes("invalid") || recipient.length <= 3;
-};
+
+export { isInvalidRecipient } from "./validateAddress";
 
 const subtractOneYear = date =>
   new Date(new Date(date).setFullYear(new Date(date).getFullYear() - 1));

package/src/bridge/validateAddress.test.ts

@@ -0,0 +1,24 @@
+import * as validateAddress from "./validateAddress";
+
+describe("validateAddress", () => {
+  const spiedIsInvalidRecipient = jest.spyOn(validateAddress, "isInvalidRecipient");
+
+  beforeEach(() => {
+    spiedIsInvalidRecipient.mockClear();
+  });
+
+  it.each([true, false])(
+    "should call isInvalidRecipient and return expected value (%s)",
+    async (expectedValue: boolean) => {
+      spiedIsInvalidRecipient.mockReturnValueOnce(expectedValue);
+
+      const address = "some random address";
+      const parameters = {};
+      const result = await validateAddress.validateAddress(address, parameters);
+      expect(result).toEqual(expectedValue);
+
+      expect(spiedIsInvalidRecipient).toHaveBeenCalledTimes(1);
+      expect(spiedIsInvalidRecipient).toHaveBeenCalledWith(address);
+    },
+  );
+});

package/src/bridge/validateAddress.ts

@@ -0,0 +1,13 @@
+import { AddressValidationCurrencyParameters } from "@ledgerhq/types-live";
+
+export const isInvalidRecipient = (recipient: string) => {
+  if (recipient.includes("criticalcrash")) throw new Error("isInvalidRecipient_mock_criticalcrash");
+  return recipient.includes("invalid") || recipient.length <= 3;
+};
+
+export async function validateAddress(
+  address: string,
+  _parameters: Partial<AddressValidationCurrencyParameters>,
+): Promise<boolean> {
+  return isInvalidRecipient(address);
+}

package/src/e2e/speculos.ts

@@ -395,7 +395,6 @@ export async function startSpeculos(
   if (!appCandidate) {
     console.warn("no app found for " + testName);
     console.warn(appQuery);
-    console.warn(JSON.stringify(appCandidates, undefined, 2));
   }
   invariant(
     appCandidate,

package/src/e2e/speculosAppVersion.ts

@@ -59,24 +59,63 @@ export async function getNanoAppCatalog(
   });
 }
 
-function getDeviceFirmwareVersion(): string {
-  const firmwareVersion = process.env.SPECULOS_FIRMWARE_VERSION;
-  if (!firmwareVersion) {
-    throw new Error("SPECULOS_FIRMWARE_VERSION environment variable is not set");
+const firmwareVersionCache: Map<DeviceModelId, string> = new Map();
+
+export async function getDeviceFirmwareVersion(device: DeviceModelId): Promise<string> {
+  const cached = firmwareVersionCache.get(device);
+  if (cached) return cached;
+
+  const providerId = 1;
+  const repository = new HttpManagerApiRepository(getEnv("MANAGER_API_BASE"), version);
+
+  const deviceVersion = await repository.getDeviceVersion({
+    targetId: getDeviceTargetId(device),
+    providerId,
+  });
+
+  const firmwareIds = deviceVersion.se_firmware_final_versions;
+  if (!Array.isArray(firmwareIds) || firmwareIds.length === 0) {
+    throw new Error(`No firmware versions found for device  ${device}`);
   }
-  return firmwareVersion;
+
+  const firmwares = await Promise.all(firmwareIds.map(id => repository.getFinalFirmwareById(id)));
+
+  // Only firmwares matching providerId
+  const providerFirmwares = firmwares.filter(
+    fw => Array.isArray(fw.providers) && fw.providers.includes(providerId),
+  );
+
+  if (providerFirmwares.length === 0) {
+    throw new Error(
+      `No firmware versions found for device version ${deviceVersion.id} for device ${device}`,
+    );
+  }
+
+  // Latest is chosen by highest numeric ID
+  const latestFirmware = providerFirmwares.reduce((latest, current) =>
+    current.id > latest.id ? current : latest,
+  );
+
+  firmwareVersionCache.set(device, latestFirmware.version);
+  process.env.SPECULOS_FIRMWARE_VERSION = latestFirmware.version;
+
+  return latestFirmware.version;
 }
 
 export async function createNanoAppJsonFile(nanoAppFilePath: string): Promise<void> {
+  const jsonFilePath = path.resolve(process.cwd(), nanoAppFilePath);
+
   try {
+    if (fs.existsSync(jsonFilePath)) {
+      return; // File already exists
+    }
+
+    fs.mkdirSync(path.dirname(jsonFilePath), { recursive: true });
+
     const device = getSpeculosModel();
-    const firmware = getDeviceFirmwareVersion();
+    const firmware = await getDeviceFirmwareVersion(device);
     const appCatalog = await getNanoAppCatalog(device, firmware);
-    const jsonFilePath = path.join(process.cwd(), nanoAppFilePath);
-    const dirPath = path.dirname(jsonFilePath);
-    if (!fs.existsSync(dirPath)) {
-      fs.mkdirSync(dirPath, { recursive: true });
-    }
+
     fs.writeFileSync(jsonFilePath, JSON.stringify(appCatalog, null, 2), "utf8");
   } catch (error) {
     console.error("Unable to create app version file:", sanitizeError(error));
@@ -87,10 +126,16 @@ export async function getAppVersionFromCatalog(
   currency: string,
   nanoAppFilePath: string,
 ): Promise<string | undefined> {
+  const jsonFilePath = path.resolve(process.cwd(), nanoAppFilePath);
+
   try {
     await createNanoAppJsonFile(nanoAppFilePath);
-    const rootDir = process.cwd();
-    const jsonFilePath = path.join(rootDir, nanoAppFilePath);
+
+    if (!fs.existsSync(jsonFilePath)) {
+      console.error(`Catalog file not found: ${jsonFilePath}`);
+      return;
+    }
+
     type CatalogApp = { versionDisplayName: string; version: string };
     const raw = fs.readFileSync(jsonFilePath, "utf8");
     const catalog: CatalogApp[] = JSON.parse(raw);

package/src/e2e/speculosCI.ts

@@ -7,7 +7,7 @@ import {
 import { SpeculosDevice } from "./speculos";
 import https from "https";
 
-const { SEED, GITHUB_TOKEN, AWS_ROLE, CLUSTER, SPECULOS_IMAGE_TAG } = process.env;
+const { GITHUB_TOKEN, SPECULOS_IMAGE_TAG } = process.env;
 const GIT_API_URL = "https://api.github.com/repos/LedgerHQ/actions/actions/";
 const START_WORKFLOW_ID = "workflows/161487603/dispatches";
 const STOP_WORKFLOW_ID = "workflows/161487604/dispatches";
@@ -152,9 +152,6 @@ function createStartPayload(deviceParams: DeviceParams, runId: string) {
       coin_app_version: appVersion,
       device: reverseModelMap[model],
       device_os_version: firmware,
-      aws_role: AWS_ROLE,
-      cluster: CLUSTER,
-      seed: SEED,
       run_id: runId,
       additional_args,
     },
@@ -192,8 +189,6 @@ export async function releaseSpeculosDeviceCI(runId: string) {
     ref: GITHUB_REF,
     inputs: {
       run_id: runId.toString(),
-      aws_role: AWS_ROLE,
-      cluster: CLUSTER,
     },
   };
   await githubApiRequest({ urlSuffix: STOP_WORKFLOW_ID, data });

package/src/families/algorand/bridge/mock.ts

@@ -24,6 +24,7 @@ import {
 import { getMainAccount } from "@ledgerhq/coin-framework/account/index";
 import { assignToAccountRaw, assignFromAccountRaw } from "@ledgerhq/coin-algorand/serialization";
 import { initAccount } from "@ledgerhq/coin-algorand/initAccount";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const receive = makeAccountBridgeReceive();
 
@@ -110,6 +111,7 @@ const accountBridge: AccountBridge<AlgorandTransaction, any> = {
   signRawOperation,
   broadcast,
   getSerializedAddressParameters,
+  validateAddress,
 };
 const currencyBridge: CurrencyBridge = {
   scanAccounts,

package/src/families/bitcoin/bridge/mock.ts

@@ -27,6 +27,7 @@ import cryptoFactory from "@ledgerhq/coin-bitcoin/wallet-btc/crypto/factory";
 import { Currency } from "@ledgerhq/coin-bitcoin/wallet-btc/index";
 import { computeDustAmount } from "@ledgerhq/coin-bitcoin/wallet-btc/utils";
 import { getFeeItems } from "./api";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const receive = makeAccountBridgeReceive();
 
@@ -133,6 +134,7 @@ const accountBridge: AccountBridge<Transaction> = {
   signRawOperation,
   broadcast,
   getSerializedAddressParameters,
+  validateAddress,
 };
 const currencyBridge: CurrencyBridge = {
   scanAccounts,

package/src/families/canton/bridge/mock.ts

@@ -3,6 +3,7 @@ import { createApi } from "@ledgerhq/coin-canton/api/index";
 import { Transaction as CantonTransaction, CantonAccount } from "@ledgerhq/coin-canton/types";
 import type { AccountBridge } from "@ledgerhq/types-live";
 import { BigNumber } from "bignumber.js";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 // The calls data can be copied to mock-data.ts from the file.
 // This function creates a live API with logging for generating mock data
@@ -174,6 +175,7 @@ const accountBridge: AccountBridge<CantonTransaction, CantonAccount> = {
   },
   broadcast,
   getSerializedAddressParameters,
+  validateAddress,
 };
 
 const currencyBridge = {

package/src/families/canton/react.ts

@@ -1,8 +1,11 @@
-import { useCallback, useState, useEffect } from "react";
+import { useCallback, useState, useEffect, useMemo } from "react";
 import { getCurrencyBridge } from "../../bridge";
-import { CantonCurrencyBridge } from "@ledgerhq/coin-canton/types";
+import { CantonCurrencyBridge, CantonAccount } from "@ledgerhq/coin-canton/types";
+import { isCantonAccount } from "@ledgerhq/coin-canton";
 import { CryptoCurrency } from "@ledgerhq/types-cryptoassets";
-import { Account } from "@ledgerhq/types-live";
+import { Account, AccountLike } from "@ledgerhq/types-live";
+import { getParentAccount } from "@ledgerhq/coin-framework/account/helpers";
+import BigNumber from "bignumber.js";
 
 export type UseCantonAcceptOrRejectOfferOptions = {
   currency: CryptoCurrency;
@@ -92,3 +95,50 @@ export const useTimeRemaining = (expiresAtMicros = 0, isExpired = false): string
 
   return timeRemaining;
 };
+
+type TransferProposal = {
+  sender: string;
+  amount: string;
+  expires_at_micros: number;
+};
+
+type CantonTokenAccountLike = AccountLike & {
+  cantonResources?: { pendingTransferProposals?: TransferProposal[] };
+};
+
+const hasCantonResources = (
+  account: AccountLike,
+): account is CantonAccount | CantonTokenAccountLike => {
+  if (account.type === "Account") {
+    return isCantonAccount(account);
+  }
+
+  return "cantonResources" in account && !!account.cantonResources;
+};
+
+/**
+ * Hook to calculate withdrawable balance from expired outgoing offers.
+ * Withdrawable balance is the sum of amounts from offers the user sent that have expired.
+ */
+export const useWithdrawableBalance = (account: AccountLike, accounts: Account[]): BigNumber => {
+  return useMemo(() => {
+    if (!hasCantonResources(account)) return new BigNumber(0);
+
+    const proposals = account.cantonResources?.pendingTransferProposals ?? [];
+
+    // For token accounts, use parent account's xpub; for main accounts, use account's xpub
+    const parentAccount = getParentAccount(account, accounts);
+    const mainAccount = parentAccount ?? account;
+    const accountXpub = "xpub" in mainAccount ? (mainAccount.xpub as string) ?? "" : "";
+    const currentTime = Date.now();
+
+    return proposals.reduce((sum, proposal) => {
+      const isOutgoing = proposal.sender === accountXpub;
+      const isExpired = currentTime > proposal.expires_at_micros / 1000;
+      if (isOutgoing && isExpired) {
+        return sum.plus(new BigNumber(proposal.amount));
+      }
+      return sum;
+    }, new BigNumber(0));
+  }, [account, accounts]);
+};

package/src/families/cardano/bridge/mock.ts

@@ -30,6 +30,7 @@ import {
   sync,
   makeAccountBridgeReceive,
 } from "../../../bridge/mockHelpers";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const receive = makeAccountBridgeReceive();
 
@@ -172,6 +173,7 @@ const accountBridge: AccountBridge<CardanoTransaction> = {
   signRawOperation,
   broadcast,
   getSerializedAddressParameters,
+  validateAddress,
 };
 
 const currencyBridge: CurrencyBridge = {

package/src/families/casper/bridge/mock.ts

@@ -35,6 +35,7 @@ import {
   CASPER_MINIMUM_VALID_AMOUNT_MOTES,
 } from "../consts";
 import { getMainAccount } from "../../../account";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const receive = makeAccountBridgeReceive();
 
@@ -172,6 +173,7 @@ const accountBridge: AccountBridge<Transaction> = {
   broadcast,
   estimateMaxSpendable,
   getSerializedAddressParameters,
+  validateAddress,
 };
 export default {
   currencyBridge,

package/src/families/cosmos/bridge/mock.ts

@@ -36,6 +36,7 @@ import {
   sync,
 } from "../../../bridge/mockHelpers";
 import { getCurrencyConfiguration } from "../../../config";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const receive = makeAccountBridgeReceive();
 
@@ -132,6 +133,7 @@ const accountBridge: AccountBridge<Transaction> = {
   assignFromAccountRaw,
   assignToAccountRaw,
   getSerializedAddressParameters,
+  validateAddress,
 };
 const currencyBridge: CurrencyBridge = {
   scanAccounts,

package/src/families/evm/bridge/mock.ts

@@ -20,6 +20,8 @@ import { getTypedTransaction } from "@ledgerhq/coin-evm/transaction";
 import { CryptoCurrency } from "@ledgerhq/types-cryptoassets";
 import { getCurrencyConfiguration } from "../../../config";
 import { EvmConfigInfo, setCoinConfig } from "@ledgerhq/coin-evm/config";
+import { validateAddress } from "../../../bridge/validateAddress";
+
 const receive = makeAccountBridgeReceive();
 const defaultGetFees = (_a, t: any) => (t.gasPrice || new BigNumber(0)).times(getGasLimit(t));
 
@@ -135,6 +137,7 @@ const accountBridge: AccountBridge<Transaction> = {
   signRawOperation,
   broadcast,
   getSerializedAddressParameters,
+  validateAddress,
 };
 const currencyBridge: CurrencyBridge = {
   preload: () => Promise.resolve({}),

package/src/families/icon/bridge/mock.ts

@@ -17,6 +17,7 @@ import {
 import { getMainAccount } from "../../../account";
 
 import { makeAccountBridgeReceive } from "../../../bridge/mockHelpers";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const receive = makeAccountBridgeReceive();
 
@@ -83,6 +84,7 @@ const accountBridge: AccountBridge<Transaction> = {
   signRawOperation,
   broadcast,
   getSerializedAddressParameters,
+  validateAddress,
 };
 
 const currencyBridge: CurrencyBridge = {

package/src/families/multiversx/bridge/mock.ts

@@ -19,6 +19,7 @@ import {
 } from "@ledgerhq/coin-framework/bridge/jsHelpers";
 import { getMainAccount } from "@ledgerhq/coin-framework/account/index";
 import { assignToAccountRaw, assignFromAccountRaw } from "@ledgerhq/coin-multiversx/serialization";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const receive = makeAccountBridgeReceive();
 
@@ -103,6 +104,7 @@ const accountBridge: AccountBridge<Transaction, any> = {
   signRawOperation,
   broadcast,
   getSerializedAddressParameters,
+  validateAddress,
 };
 const currencyBridge: CurrencyBridge = {
   scanAccounts,

package/src/families/polkadot/bridge/mock.ts

@@ -17,6 +17,7 @@ import { getMainAccount } from "@ledgerhq/coin-framework/account/index";
 import { getSerializedAddressParameters } from "@ledgerhq/coin-framework/bridge/jsHelpers";
 import { assignToAccountRaw, assignFromAccountRaw } from "@ledgerhq/coin-polkadot/serialization";
 import { hydrate } from "@ledgerhq/coin-polkadot/preload";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const receive = makeAccountBridgeReceive();
 
@@ -102,6 +103,7 @@ const accountBridge: AccountBridge<Transaction> = {
   signRawOperation,
   broadcast,
   getSerializedAddressParameters,
+  validateAddress,
 };
 
 const preload = () => {

package/src/families/stellar/bridge/mock.ts

@@ -25,6 +25,7 @@ import {
   isInvalidRecipient,
   makeAccountBridgeReceive,
 } from "../../../bridge/mockHelpers";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const receive = makeAccountBridgeReceive();
 
@@ -222,6 +223,7 @@ const accountBridge: AccountBridge<Transaction> = {
   broadcast,
   estimateMaxSpendable,
   getSerializedAddressParameters,
+  validateAddress,
 };
 export default {
   currencyBridge,

package/src/families/tezos/bridge/mock.ts

@@ -29,6 +29,7 @@ import {
   updateTransaction,
 } from "@ledgerhq/coin-framework/bridge/jsHelpers";
 import { isAccountDelegating } from "../staking";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const isAccountBalanceSignificant = (a: AccountLike): boolean => a.balance.gt(100);
 
@@ -209,6 +210,7 @@ const accountBridge: AccountBridge<Transaction> = {
   signRawOperation,
   broadcast,
   getSerializedAddressParameters,
+  validateAddress,
 };
 const currencyBridge: CurrencyBridge = {
   preload: () => Promise.resolve({}),

package/src/families/tron/bridge/mock.ts

@@ -12,6 +12,7 @@ import {
   isInvalidRecipient,
 } from "../../../bridge/mockHelpers";
 import { makeAccountBridgeReceive } from "../../../bridge/mockHelpers";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const receive = makeAccountBridgeReceive();
 
@@ -118,6 +119,7 @@ const accountBridge: AccountBridge<Transaction> = {
   signRawOperation,
   broadcast,
   getSerializedAddressParameters,
+  validateAddress,
 };
 
 const currencyBridge: CurrencyBridge = {

package/src/families/xrp/bridge/mock.ts

@@ -26,6 +26,7 @@ import {
   isInvalidRecipient,
   makeAccountBridgeReceive,
 } from "../../../bridge/mockHelpers";
+import { validateAddress } from "../../../bridge/validateAddress";
 
 const receive = makeAccountBridgeReceive();
 const notCreatedAddresses: string[] = [];
@@ -147,6 +148,7 @@ const accountBridge: AccountBridge<Transaction> = {
   signRawOperation,
   broadcast,
   getSerializedAddressParameters,
+  validateAddress,
 };
 const currencyBridge: CurrencyBridge = {
   preload: () => Promise.resolve({}),

package/src/featureFlags/defaultFeatures.ts

@@ -660,6 +660,7 @@ export const DEFAULT_FEATURES: Features = {
       enableModularization: false,
       searchDebounceTime: 500,
       backendEnvironment: "PROD",
+      enableDialogDesktop: false,
     },
   },
   llmModularDrawer: {

package/src/hw/connectAppEventMapper.ts

@@ -11,11 +11,10 @@ import type {
 } from "@ledgerhq/device-management-kit";
 import {
   DeviceActionStatus,
-  DeviceDisconnectedWhileSendingError,
   DeviceSessionStateType,
   UserInteractionRequired,
   OutOfMemoryDAError,
-  UnsupportedFirmwareDAError,
+  DeviceModelId,
 } from "@ledgerhq/device-management-kit";
 import type {
   ConnectAppDAOutput,
@@ -27,12 +26,14 @@ import {
   UserRefusedAllowManager,
   UserRefusedOnDevice,
   LatestFirmwareVersionRequired,
+  UnsupportedFeatureError,
 } from "@ledgerhq/errors";
 
 import type { SkippedAppOp } from "../apps/types";
 import { SkipReason } from "../apps/types";
 import { parseDeviceInfo } from "../deviceSDK/tasks/getDeviceInfo";
 import { ConnectAppEvent } from "./connectApp";
+import { NoSuchAppOnProvider } from "../errors";
 
 export class ConnectAppEventMapper {
   private openAppRequested: boolean = false;
@@ -241,7 +242,8 @@ export class ConnectAppEventMapper {
       });
       this.eventSubject.complete();
     } else if (
-      error instanceof UnsupportedFirmwareDAError &&
+      "_tag" in error &&
+      error._tag === "UnsupportedFirmwareDAError" &&
       deviceState.sessionStateType !== DeviceSessionStateType.Connected
     ) {
       this.eventSubject.error(
@@ -252,12 +254,34 @@ export class ConnectAppEventMapper {
             deviceState.firmwareUpdateContext!.currentFirmware.version,
         }),
       );
+    } else if (
+      "_tag" in error &&
+      error._tag === "UnsupportedApplicationDAError" &&
+      deviceState.sessionStateType !== DeviceSessionStateType.Connected
+    ) {
+      if (deviceState.deviceModelId === DeviceModelId.NANO_S) {
+        // This will show an error modal with upsell link
+        this.eventSubject.error(
+          new NoSuchAppOnProvider(`Ledger Nano S does not support this feature`, {
+            appName: this.appName,
+          }),
+        );
+        return;
+      }
+      // This will show an error modal with contact support link
+      this.eventSubject.error(
+        new UnsupportedFeatureError(`App ${this.appName} not supported on this device`, {
+          appName: this.appName,
+          deviceModelId: deviceState.deviceModelId,
+          deviceVersion: deviceState.firmwareVersion?.os,
+        }),
+      );
     } else if ("_tag" in error && error._tag === "DeviceLockedError") {
       this.eventSubject.next({ type: "lockedDevice" });
       this.eventSubject.complete();
     } else if ("_tag" in error && error._tag === "RefusedByUserDAError") {
       this.eventSubject.error(new UserRefusedAllowManager());
-    } else if (error instanceof DeviceDisconnectedWhileSendingError) {
+    } else if ("_tag" in error && error._tag === "DeviceDisconnectedWhileSendingError") {
       this.eventSubject.next({ type: "disconnected", expected: false });
     } else if ("_tag" in error && error._tag === "WebHidSendReportError") {
       this.eventSubject.next({ type: "disconnected", expected: false });

package/src/modularDrawer/hooks/useLeftAccounts.tsx

@@ -13,6 +13,7 @@ export const createUseLeftAccountsModule = ({
 
     return accountData.map(({ label, count }) => ({
       leftElement: count > 0 ? accountsCount({ label }) : undefined,
+      description: count > 0 ? label : undefined,
       count,
     }));
   };

package/src/modularDrawer/hooks/useLeftAccountsApy.tsx

@@ -11,6 +11,7 @@ export function useLeftAccountsApyModule(
   params: AccountModuleParams,
   useAccountData: (params: AccountModuleParams) => AccountDataItem[],
   accountsCountAndApy: CreateAccountsCountAndApy,
+  accountsApy: CreateAccountsCountAndApy,
 ): Array<NetworkWithCount> {
   const { networks } = params;
   const accountData = useAccountData(params);
@@ -35,6 +36,11 @@ export function useLeftAccountsApyModule(
         value: interestRatePercentageRounded,
         type: interestRate?.type,
       }),
+      description: count > 0 ? label : undefined,
+      apy: accountsApy({
+        value: interestRatePercentageRounded,
+        type: interestRate?.type,
+      }),
       count,
     };
   });