@pi-spi/app 1.3.1 → 1.5.0

package/src/core/storage.ts

@@ -1,5 +1,5 @@
 import AsyncStorage from '@react-native-async-storage/async-storage';
-import CryptoJS from 'crypto-js';
+import { cbc } from '@noble/ciphers/aes.js';
 import * as Crypto from 'expo-crypto';
 import * as SecureStore from 'expo-secure-store';
 
@@ -95,7 +95,7 @@ export class Box {
   constructor(
     readonly name: string,
     private readonly entries: Map<string, Item>,
-    private readonly dek: CryptoJS.lib.WordArray,
+    private readonly dek: Uint8Array,
   ) {}
 
   get length(): number {
@@ -142,7 +142,7 @@ export class Box {
     return `${KEY_PREFIX}box.${name}`;
   }
 
-  static async open(name: string, dek: CryptoJS.lib.WordArray): Promise<Box> {
+  static async open(name: string, dek: Uint8Array): Promise<Box> {
     const raw = await AsyncStorage.getItem(Box.storageKey(name));
     let entries = new Map<string, Item>();
     if (raw != null) {
@@ -159,26 +159,34 @@ export class Box {
   }
 }
 
-function encrypt(plain: string, key: CryptoJS.lib.WordArray): string {
-  const iv = bytesToWordArray(Crypto.getRandomBytes(16));
-  const encrypted = CryptoJS.AES.encrypt(plain, key, { iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
-  return `${CryptoJS.enc.Base64.stringify(iv)}:${encrypted.ciphertext.toString(CryptoJS.enc.Base64)}`;
+/**
+ * Chiffre en AES-256-CBC (padding PKCS7) : `<iv base64>:<texte chiffré base64>`.
+ * Même format que l'ancienne implémentation `crypto-js` : les données déjà
+ * enregistrées restent lisibles.
+ */
+export function encrypt(plain: string, key: Uint8Array): string {
+  const iv = Crypto.getRandomBytes(16);
+  const ciphertext = cbc(key, iv).encrypt(new TextEncoder().encode(plain));
+  return `${toBase64(iv)}:${toBase64(ciphertext)}`;
 }
 
-function decrypt(payload: string, key: CryptoJS.lib.WordArray): string {
+export function decrypt(payload: string, key: Uint8Array): string {
   const [ivB64, cipherB64] = payload.split(':');
-  const iv = CryptoJS.enc.Base64.parse(ivB64);
-  const params = CryptoJS.lib.CipherParams.create({ ciphertext: CryptoJS.enc.Base64.parse(cipherB64) });
-  const plain = CryptoJS.AES.decrypt(params, key, { iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
-  return plain.toString(CryptoJS.enc.Utf8);
+  const plain = cbc(key, fromBase64(ivB64)).decrypt(fromBase64(cipherB64));
+  return new TextDecoder().decode(plain);
 }
 
-function bytesToWordArray(bytes: Uint8Array): CryptoJS.lib.WordArray {
-  const words: number[] = [];
-  for (let i = 0; i < bytes.length; i++) {
-    words[i >>> 2] = (words[i >>> 2] ?? 0) | (bytes[i] << (24 - (i % 4) * 8));
-  }
-  return CryptoJS.lib.WordArray.create(words, bytes.length);
+export function toBase64(bytes: Uint8Array): string {
+  let binary = '';
+  for (let i = 0; i < bytes.length; i++) binary += String.fromCharCode(bytes[i]);
+  return btoa(binary);
+}
+
+export function fromBase64(value: string): Uint8Array {
+  const binary = atob(value);
+  const bytes = new Uint8Array(binary.length);
+  for (let i = 0; i < binary.length; i++) bytes[i] = binary.charCodeAt(i);
+  return bytes;
 }
 
 /**
@@ -195,7 +203,7 @@ export class AppStorage {
   static readonly keyId = 'DEK';
 
   /** The Data Encryption Key */
-  private static dek: CryptoJS.lib.WordArray;
+  private static dek: Uint8Array;
 
   /** Collections ouvertes (chargées entièrement en mémoire, comme les boîtes Hive). */
   static collections = new Map<string, Promise<Box>>();
@@ -206,12 +214,12 @@ export class AppStorage {
     const keyString = await secureStorage.read(AppStorage.keyId);
     if (keyString == null) {
       const key = Crypto.getRandomBytes(32);
-      await secureStorage.write(AppStorage.keyId, CryptoJS.enc.Base64.stringify(bytesToWordArray(key)));
-      AppStorage.dek = bytesToWordArray(key);
+      await secureStorage.write(AppStorage.keyId, toBase64(key));
+      AppStorage.dek = key;
     }
     // Sinon récupérer la clé existante
     else {
-      AppStorage.dek = CryptoJS.enc.Base64.parse(keyString);
+      AppStorage.dek = fromBase64(keyString);
     }
     AppStorage.isInit = true;
   }

package/src/core/theme.ts

@@ -384,6 +384,29 @@ export class Themer {
     switchActiveTrack: Themer.primary,
   };
 
+  /** Code enregistré comme thème préféré quand l'hôte fournit un thème personnalisé (`PiSpiAppConfig.customTheme`). */
+  static readonly customThemeCode = 'customTheme';
+
+  /** Thème personnalisé de l'hôte, construit à l'ouverture du SDK (voir `Di.init`) ; `null` sans thème personnalisé. */
+  static customTheme: ThemeData | null = null;
+
+  /**
+   * Thème clair construit à partir de couleurs (thème personnalisé de
+   * l'hôte, voir `PiSpiCustomTheme`) : même modèle que les thèmes rouge,
+   * violet ou rose, avec le texte des boutons en blanc ou en noir selon la
+   * luminosité de [primary].
+   */
+  static colored(primary: string, secondary: string, tertiary: string, pressed: string): ThemeData {
+    const onPrimary = relativeLuminance(primary) > 0.5 ? Themer.blackColor : Themer.whiteColor;
+    return Themer.build(
+      Themer.coloredSpec(primary, secondary, tertiary, {
+        schemeOnPrimary: onPrimary,
+        buttonPressed: pressed,
+        buttonForeground: onPrimary,
+      }),
+    );
+  }
+
   /** Variante claire monochrome (même structure pour jaune, bleu, vert, rouge, orange, violet). */
   private static coloredSpec(
     main: string,
@@ -486,6 +509,8 @@ export class Themer {
    * ponctuellement via `Appearance`.
    */
   static get(code: string | null | undefined, systemScheme?: ColorSchemeName | null): ThemeData {
+    // Thème personnalisé de l'hôte
+    if (code === Themer.customThemeCode && Themer.customTheme != null) return Themer.customTheme;
     switch (code) {
       case Themes.light:
         return Themer.lightTheme;
@@ -523,3 +548,31 @@ export const ThemeContext = createContext<ThemeData>(Themer.lightTheme);
 export function useTheme(): ThemeData {
   return useContext(ThemeContext);
 }
+
+/** Composantes RGB (0-255) d'une couleur `#RRGGBB` */
+export function hexToRgb(hex: string): [number, number, number] {
+  const value = hex.replace('#', '');
+  const full = value.length === 3 ? value.split('').map((c) => c + c).join('') : value.substring(0, 6);
+  return [0, 2, 4].map((i) => parseInt(full.substring(i, i + 2), 16)) as [number, number, number];
+}
+
+/** Couleur `#RRGGBB` à partir de ses composantes RGB */
+export function rgbToHex([r, g, b]: [number, number, number]): string {
+  return `#${[r, g, b].map((c) => Math.round(Math.min(255, Math.max(0, c))).toString(16).padStart(2, '0')).join('').toUpperCase()}`;
+}
+
+/** Mélange [from] vers [to] à [t] (0 = from, 1 = to), comme `Color.lerp` en Flutter */
+export function lerpColor(from: string, to: string, t: number): string {
+  const a = hexToRgb(from);
+  const b = hexToRgb(to);
+  return rgbToHex([0, 1, 2].map((i) => a[i] + (b[i] - a[i]) * t) as [number, number, number]);
+}
+
+/** Luminance relative (0 à 1), comme `Color.computeLuminance` en Flutter */
+export function relativeLuminance(hex: string): number {
+  const [r, g, b] = hexToRgb(hex).map((c) => {
+    const s = c / 255;
+    return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
+  });
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}

package/src/index.ts

@@ -21,7 +21,8 @@ export {
   PiSpiLogConfig,
   type PiSpiLogLevel,
 } from './core/pi_spi_sdk_config';
-export { Themes } from './core/theme';
+export { PiSpiCustomTheme } from './core/pi_spi_custom_theme';
+export { Themes, type ThemeData } from './core/theme';
 export {
   type AppLocalizations,
   type SupportedLocaleCode,

package/src/l10n/app_localizations.ts

@@ -487,6 +487,10 @@ export interface AppLocalizations {
   readonly homeActionMoreSheetAWidgetSubTitle: string;
   /** See All */
   readonly transactionsSeeAll: string;
+  /** Today */
+  readonly transactionsAujourdhui: string;
+  /** Yesterday */
+  readonly transactionsHier: string;
   /** Search for a contact */
   readonly transactionsSendInputHint: string;
   /** Use Alias */
@@ -1027,6 +1031,8 @@ export interface AppLocalizations {
   readonly transactionSearchInputFilterCategoriesSensPayes: string;
   /** Apply */
   readonly transactionSearchInputFilterBtnAppliquer: string;
+  /** Reset */
+  readonly transactionSearchInputFilterBtnReinitialiser: string;
   /** Scan */
   readonly qrcodePageBtnScan: string;
   /** QR Code */
@@ -1203,6 +1209,8 @@ export interface AppLocalizations {
   readonly appSettingPageMenuThemePurple: string;
   /** Pink */
   readonly appSettingPageMenuThemePink: string;
+  /** App theme */
+  readonly appSettingPageMenuThemeCustom: string;
   /** System */
   readonly appSettingPageMenuThemeDefault: string;
   /** Apparence */
@@ -1343,6 +1351,44 @@ export interface AppLocalizations {
   notificationMAJMessage(systeme: string): string;
   /** Install */
   readonly notificationMAJBtn: string;
+  /** What would you like to do? */
+  readonly searchTitle: string;
+  /** Search for a feature */
+  readonly searchHint: string;
+  /** No feature matches “{motCle}” */
+  searchEmpty(motCle: string): string;
+  /** Send money to a contact */
+  readonly searchSendSubTitle: string;
+  /** Request money from a contact */
+  readonly searchReceiveSubTitle: string;
+  /** Scan a QR code */
+  readonly searchQrScanTitle: string;
+  /** Pay by scanning a QR code */
+  readonly searchQrScanSubTitle: string;
+  /** Receive money with your QR code */
+  readonly searchQrShowSubTitle: string;
+  /** Find a payment sent or received */
+  readonly searchTransactionsSubTitle: string;
+  /** See your scheduled payments */
+  readonly searchAbonnementsSubTitle: string;
+  /** Your details and your account */
+  readonly searchCompteSubTitle: string;
+  /** Theme, notifications and home screen */
+  readonly searchParametreSubTitle: string;
+  /** Manage your contacts and aliases */
+  readonly searchContactsSubTitle: string;
+  /** Frequently asked questions and support */
+  readonly searchAideSubTitle: string;
+  /** Voice search */
+  readonly searchVoiceStart: string;
+  /** Stop listening */
+  readonly searchVoiceStop: string;
+  /** Listening… */
+  readonly searchVoiceListening: string;
+  /** Tell me what you would like to do */
+  readonly searchVoicePrompt: string;
+  /** Voice search is not available. Check microphone access in settings. */
+  readonly searchVoiceUnavailable: string;
 }
 
 export const supportedLocales = ['fr', 'en', 'pt'] as const;

package/src/l10n/app_localizations_en.ts

@@ -244,6 +244,8 @@ Check your Wi-Fi or mobile data, then tap Retry.`,
   homeActionMoreSheetWidgetTitle: `Add Widget`,
   homeActionMoreSheetAWidgetSubTitle: `Manage widgets for home`,
   transactionsSeeAll: `See All`,
+  transactionsAujourdhui: `Today`,
+  transactionsHier: `Yesterday`,
   transactionsSendInputHint: `Search for a contact`,
   transactionsSendOptionAliasTitle: `Use Alias`,
   transactionsSendOptionAliasBSubtitle: `Payment address or phone no.`,
@@ -524,6 +526,7 @@ Please try again later.`,
   transactionSearchInputFilterCategoriesSensRecus: `Received`,
   transactionSearchInputFilterCategoriesSensPayes: `Sent`,
   transactionSearchInputFilterBtnAppliquer: `Apply`,
+  transactionSearchInputFilterBtnReinitialiser: `Reset`,
   qrcodePageBtnScan: `Scan`,
   qrcodePageBtnMonCode: `QR Code`,
   qrcodePageBtnMonAlias: `My alias`,
@@ -613,6 +616,7 @@ Scanning will be automatic`,
   appSettingPageMenuThemeOrange: `Orange`,
   appSettingPageMenuThemePurple: `Purple`,
   appSettingPageMenuThemePink: `Pink`,
+  appSettingPageMenuThemeCustom: `App theme`,
   appSettingPageMenuThemeDefault: `System`,
   appSettingPageMenuThemePageTitle: `Apparence`,
   appSettingPageMenuQrCodeTitle: `My QR code by default`,
@@ -683,4 +687,23 @@ Scanning will be automatic`,
   notificationMAJDate: (date: string) => `Since ${date}`,
   notificationMAJMessage: (systeme: string) => `A new version of the application is available on ${systeme}`,
   notificationMAJBtn: `Install`,
+  searchTitle: `What would you like to do?`,
+  searchHint: `Search for a feature`,
+  searchEmpty: (motCle: string) => `No feature matches “${motCle}”`,
+  searchSendSubTitle: `Send money to a contact`,
+  searchReceiveSubTitle: `Request money from a contact`,
+  searchQrScanTitle: `Scan a QR code`,
+  searchQrScanSubTitle: `Pay by scanning a QR code`,
+  searchQrShowSubTitle: `Receive money with your QR code`,
+  searchTransactionsSubTitle: `Find a payment sent or received`,
+  searchAbonnementsSubTitle: `See your scheduled payments`,
+  searchCompteSubTitle: `Your details and your account`,
+  searchParametreSubTitle: `Theme, notifications and home screen`,
+  searchContactsSubTitle: `Manage your contacts and aliases`,
+  searchAideSubTitle: `Frequently asked questions and support`,
+  searchVoiceStart: `Voice search`,
+  searchVoiceStop: `Stop listening`,
+  searchVoiceListening: `Listening…`,
+  searchVoicePrompt: `Tell me what you would like to do`,
+  searchVoiceUnavailable: `Voice search is not available. Check microphone access in settings.`,
 };

package/src/l10n/app_localizations_fr.ts

@@ -244,6 +244,8 @@ Vérifiez votre Wi-Fi ou vos données mobiles puis appuyez sur Réessayer.`,
   homeActionMoreSheetWidgetTitle: `Ajouter un widget`,
   homeActionMoreSheetAWidgetSubTitle: `Gérer les widgets de l’écran principal`,
   transactionsSeeAll: `Tout afficher`,
+  transactionsAujourdhui: `Aujourd’hui`,
+  transactionsHier: `Hier`,
   transactionsSendInputHint: `Rechercher un contact`,
   transactionsSendOptionAliasTitle: `Par alias`,
   transactionsSendOptionAliasBSubtitle: `Adresse de paiement ou n° de téléphone`,
@@ -523,6 +525,7 @@ Merci de votre compréhension.`,
   transactionSearchInputFilterCategoriesSensRecus: `Reçus`,
   transactionSearchInputFilterCategoriesSensPayes: `Envoyés`,
   transactionSearchInputFilterBtnAppliquer: `Appliquer`,
+  transactionSearchInputFilterBtnReinitialiser: `Réinitialiser`,
   qrcodePageBtnScan: `Scan`,
   qrcodePageBtnMonCode: `Mon Code`,
   qrcodePageBtnMonAlias: `Mon alias`,
@@ -612,6 +615,7 @@ Le scan se fait automatiquement`,
   appSettingPageMenuThemeOrange: `Orange`,
   appSettingPageMenuThemePurple: `Violet`,
   appSettingPageMenuThemePink: `Rose`,
+  appSettingPageMenuThemeCustom: `Thème de l'application`,
   appSettingPageMenuThemeDefault: `Système`,
   appSettingPageMenuThemePageTitle: `Apparence`,
   appSettingPageMenuQrCodeTitle: `Mon QR code par défaut`,
@@ -682,4 +686,23 @@ Le scan se fait automatiquement`,
   notificationMAJDate: (date: string) => `Depuis le ${date}`,
   notificationMAJMessage: (systeme: string) => `Une nouvelle version de l'application est disponible sur ${systeme}`,
   notificationMAJBtn: `Installer`,
+  searchTitle: `Que voulez-vous faire ?`,
+  searchHint: `Rechercher une fonctionnalité`,
+  searchEmpty: (motCle: string) => `Aucune fonctionnalité ne correspond à « ${motCle} »`,
+  searchSendSubTitle: `Envoyer de l’argent à un contact`,
+  searchReceiveSubTitle: `Demander de l’argent à un contact`,
+  searchQrScanTitle: `Scanner un QR code`,
+  searchQrScanSubTitle: `Payer en scannant un QR code`,
+  searchQrShowSubTitle: `Recevoir de l’argent avec votre QR code`,
+  searchTransactionsSubTitle: `Retrouver un paiement envoyé ou reçu`,
+  searchAbonnementsSubTitle: `Voir vos paiements programmés`,
+  searchCompteSubTitle: `Vos informations et votre compte`,
+  searchParametreSubTitle: `Thème, notifications et écran d’accueil`,
+  searchContactsSubTitle: `Gérer vos contacts et vos alias`,
+  searchAideSubTitle: `Questions fréquentes et assistance`,
+  searchVoiceStart: `Recherche vocale`,
+  searchVoiceStop: `Arrêter l’écoute`,
+  searchVoiceListening: `Je vous écoute…`,
+  searchVoicePrompt: `Dites-moi ce que vous souhaitez faire`,
+  searchVoiceUnavailable: `La recherche vocale n’est pas disponible. Vérifiez l’accès au micro dans les réglages.`,
 };

package/src/l10n/app_localizations_pt.ts

@@ -244,6 +244,8 @@ Verifique o Wi-Fi ou os dados móveis e toque em Tentar novamente.`,
   homeActionMoreSheetWidgetTitle: `Adicionar um widget`,
   homeActionMoreSheetAWidgetSubTitle: `Gerenciar os widgets do ecrã principal`,
   transactionsSeeAll: `Todas as transações`,
+  transactionsAujourdhui: `Hoje`,
+  transactionsHier: `Ontem`,
   transactionsSendInputHint: `Pesquisar um contato`,
   transactionsSendOptionAliasTitle: `Por alias`,
   transactionsSendOptionAliasBSubtitle: `Endereço de pagamento ou n° de telefone`,
@@ -524,6 +526,7 @@ Por favor, tente novamente mais tarde`,
   transactionSearchInputFilterCategoriesSensRecus: `Recebidos`,
   transactionSearchInputFilterCategoriesSensPayes: `Enviados`,
   transactionSearchInputFilterBtnAppliquer: `Aplicar`,
+  transactionSearchInputFilterBtnReinitialiser: `Repor`,
   qrcodePageBtnScan: `Scan`,
   qrcodePageBtnMonCode: `Meu Código`,
   qrcodePageBtnMonAlias: `Meu alias`,
@@ -613,6 +616,7 @@ O scan é feito automaticamente`,
   appSettingPageMenuThemeOrange: `Laranja`,
   appSettingPageMenuThemePurple: `Roxo`,
   appSettingPageMenuThemePink: `Rosa`,
+  appSettingPageMenuThemeCustom: `Tema da aplicação`,
   appSettingPageMenuThemeDefault: `Sistema`,
   appSettingPageMenuThemePageTitle: `Aparência`,
   appSettingPageMenuQrCodeTitle: `Meu QR Code por defeito`,
@@ -683,4 +687,23 @@ O scan é feito automaticamente`,
   notificationMAJDate: (date: string) => `Desde ${date}`,
   notificationMAJMessage: (systeme: string) => `Uma nova versão da aplicação está disponível em ${systeme}`,
   notificationMAJBtn: `Instalar`,
+  searchTitle: `O que deseja fazer?`,
+  searchHint: `Pesquisar uma funcionalidade`,
+  searchEmpty: (motCle: string) => `Nenhuma funcionalidade corresponde a «${motCle}»`,
+  searchSendSubTitle: `Enviar dinheiro a um contacto`,
+  searchReceiveSubTitle: `Pedir dinheiro a um contacto`,
+  searchQrScanTitle: `Digitalizar um código QR`,
+  searchQrScanSubTitle: `Pagar digitalizando um código QR`,
+  searchQrShowSubTitle: `Receber dinheiro com o seu código QR`,
+  searchTransactionsSubTitle: `Encontrar um pagamento enviado ou recebido`,
+  searchAbonnementsSubTitle: `Ver os seus pagamentos programados`,
+  searchCompteSubTitle: `Os seus dados e a sua conta`,
+  searchParametreSubTitle: `Tema, notificações e ecrã inicial`,
+  searchContactsSubTitle: `Gerir os seus contactos e alias`,
+  searchAideSubTitle: `Perguntas frequentes e assistência`,
+  searchVoiceStart: `Pesquisa por voz`,
+  searchVoiceStop: `Parar de ouvir`,
+  searchVoiceListening: `Estou a ouvir…`,
+  searchVoicePrompt: `Diga-me o que deseja fazer`,
+  searchVoiceUnavailable: `A pesquisa por voz não está disponível. Verifique o acesso ao microfone nas definições.`,
 };

package/src/modules/alias/presentation/pages/alias_page_create_options.tsx

@@ -4,7 +4,7 @@ import { Images } from '../../../../core/assets';
 import { useBloc } from '../../../../core/bloc_react';
 import { useTheme } from '../../../../core/theme';
 import { useAppLocalizations } from '../../../../l10n/localizations';
-import { MenuActionItem, MenuActionsWiget } from '../../../../shared/widgets/menu_actions_widget';
+import { MenuActionItem, MenuActionsWidget } from '../../../../shared/widgets/menu_actions_widget';
 import { MyPageContainer } from '../../../../shared/widgets/my_page_container';
 import { AliasBloc } from '../bloc/alias_bloc';
 import { CreateAliasMBNOEvent, CreateAliasSHIDEvent } from '../bloc/alias_event';
@@ -26,7 +26,7 @@ export function AliasPageCreateOptions({ compte }: { compte: string }) {
         <View style={styles.gap32} />
 
         {/* Bouton créer alias SHID */}
-        <MenuActionsWiget
+        <MenuActionsWidget
           items={[
             new MenuActionItem(
               Images.aliasIconUser,
@@ -40,7 +40,7 @@ export function AliasPageCreateOptions({ compte }: { compte: string }) {
         <View style={styles.gap20} />
 
         {/* - type MBNO */}
-        <MenuActionsWiget
+        <MenuActionsWidget
           items={[
             new MenuActionItem(
               Images.aliasIconPhone,

package/src/modules/alias/presentation/pages/alias_page_otp.tsx

@@ -1,5 +1,5 @@
 import { useRef, useState, type ReactNode } from 'react';
-import { Keyboard, StyleSheet, Text, TextInput, useWindowDimensions, View } from 'react-native';
+import { Keyboard, StyleSheet, Text, TextInput, useWindowDimensions, View, type TextInputInstance } from 'react-native';
 
 import { useTheme } from '../../../../core/theme';
 
@@ -30,7 +30,7 @@ export function AliasPageOtp({
   const theme = useTheme();
   const { width: largeur } = useWindowDimensions();
   const [values, setValues] = useState<string[]>(() => Array(pinLength).fill(''));
-  const inputs = useRef<(TextInput | null)[]>([]);
+  const inputs = useRef<(TextInputInstance | null)[]>([]);
 
   const isTablet = largeur >= 600;
   const paddingX = 20;

package/src/modules/categorie/presentation/pages/categorie_edit_icon_btn.tsx

@@ -12,7 +12,7 @@ import { ElevatedButton } from '../../../../shared/material/buttons';
 import { Card } from '../../../../shared/material/card';
 import { showModalBottomSheet } from '../../../../shared/material/overlays';
 import { EmojiSelectWidget } from '../../../../shared/widgets/emoji_select_widget';
-import { MenuActionItem, MenuActionsWiget } from '../../../../shared/widgets/menu_actions_widget';
+import { MenuActionItem, MenuActionsWidget } from '../../../../shared/widgets/menu_actions_widget';
 import { CategorieIconType } from '../../domain/models/categorie';
 import { CategorieBloc } from '../bloc/categorie_bloc';
 import { CategorieAddValidationEvent, CategorieEditValidationEvent } from '../bloc/categorie_event';
@@ -67,7 +67,7 @@ function CategorieEditIconOptions() {
       <ScrollView contentContainerStyle={styles.sheetContent}>
         <Text style={[theme.textTheme.headlineMedium, styles.title]}>{traductions.categorieFormIconSheetTitle}</Text>
         <Card>
-          <MenuActionsWiget
+          <MenuActionsWidget
             items={[
               // Emoji
               new MenuActionItem(Images.categorieIconEmoji, traductions.categorieFormIconSheetEmojiTitle, null, () => void selectEmoji(), {

package/src/modules/categorie/presentation/pages/categorie_select_widget.tsx

@@ -17,14 +17,18 @@ export function CategorieSelectWidget({
   const state = useBlocBuilder(categorieBloc);
   return (
     <View>
-      {/* Catégories personnalisées */}
-      <CategorieListeWidget
-        liste={state.categories}
-        editable={false}
-        defaultSelectedCategories={selectedCategories}
-        onSelectionChanged={onSelectionChanged}
-      />
-      <View style={styles.gap20} />
+      {/* Catégories personnalisées (pas de carte vide s'il n'y en a pas) */}
+      {state.categories.length > 0 && (
+        <>
+          <CategorieListeWidget
+            liste={state.categories}
+            editable={false}
+            defaultSelectedCategories={selectedCategories}
+            onSelectionChanged={onSelectionChanged}
+          />
+          <View style={styles.gap16} />
+        </>
+      )}
       {/* Catégories par défaut */}
       <CategorieListeWidget
         liste={Categorie.defaultListe}
@@ -35,4 +39,4 @@ export function CategorieSelectWidget({
   );
 }
 
-const styles = StyleSheet.create({ gap20: { height: 20 } });
+const styles = StyleSheet.create({ gap16: { height: 16 } });

package/src/modules/compte/presentation/pages/solde_widget_with_qr.tsx

@@ -157,8 +157,6 @@ function SoldeRow({ soldeState, compteSoldeBloc }: { soldeState: CompteSoldeStat
   const traductions = useAppLocalizations();
   const configBloc = useBloc(ConfigBloc);
   const displayEye = configBloc.state.configParams.params[ConfigKey.hideEye] !== '1';
-  const solde = soldeState.solde ?? 0;
-  const fontSize = solde < 100000000 ? 24 : solde < 1000000000 ? 20 : 18;
 
   return (
     <View>
@@ -167,7 +165,15 @@ function SoldeRow({ soldeState, compteSoldeBloc }: { soldeState: CompteSoldeStat
         {soldeState instanceof CompteSoldeStateInitial && <SkeletonWidget height={25} width={150} />}
         {soldeState instanceof CompteSoldeDisplayState && (
           <>
-            <AmountWidget montant={soldeState.solde} numberOfLines={1} style={{ ...theme.textTheme.headlineLarge, fontSize }} />
+            {/* Le montant prend la place disponible et se réduit s'il est trop long (8 chiffres et plus), au lieu de déborder */}
+            <View style={styles.amount}>
+              <AmountWidget
+                montant={soldeState.solde}
+                numberOfLines={1}
+                adjustsFontSizeToFit
+                style={{ ...theme.textTheme.headlineLarge, fontSize: 24 }}
+              />
+            </View>
             {displayEye && <EyeButton compteSoldeBloc={compteSoldeBloc} />}
           </>
         )}
@@ -281,6 +287,7 @@ const styles = StyleSheet.create({
   cardContent: { paddingLeft: 10, paddingRight: 10, paddingTop: 16, paddingBottom: 10 },
   row: { flexDirection: 'row', alignItems: 'flex-start' },
   inlineRow: { flexDirection: 'row', alignItems: 'center' },
+  amount: { flexShrink: 1 },
   expanded: { flex: 1 },
   libelle: { color: Themer.neural04Color, letterSpacing: 0.4 },
   bold: { fontWeight: '600' },

package/src/modules/home/presentation/pages/home_page.tsx

@@ -16,6 +16,7 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useBloc } from '../../../../core/bloc_react';
 import { CompteAliasStatus } from '../../../../core/compte_alias_status';
 import { Di } from '../../../../core/di';
+import { AppRouter, useAppRouter } from '../../../../core/router';
 import { Themer, useTheme } from '../../../../core/theme';
 import { useValueListenable } from '../../../../core/value_notifier';
 import { useAppLocalizations } from '../../../../l10n/localizations';
@@ -24,6 +25,8 @@ import { ContactBloc } from '../../../contacts/presentation/bloc/contact_bloc';
 import { ContactListEvent } from '../../../contacts/presentation/bloc/contact_event';
 import { ParametreHideAmountBloc } from '../../../profile/presentation/bloc/hide_amount/hide_amount_bloc';
 import { ParametreHideAmountInitEvent } from '../../../profile/presentation/bloc/hide_amount/hide_amount_event';
+import type { Fonctionnalite } from '../../../search/domain/models/fonctionnalite';
+import { fonctionnalitesRecherchables } from '../../../search/presentation/pages/search_fonctionnalites';
 import { TransactionSendBloc } from '../../../transactions/presentation/bloc/transaction_send/transaction_send_bloc';
 import { TransactionSendUpdateStateEvent } from '../../../transactions/presentation/bloc/transaction_send/transaction_send_event';
 import { HomeTabCompte } from './home_tab_compte';
@@ -36,6 +39,7 @@ import { ComingSoon } from './pending_modules';
 export function HomePage({ selectedTab }: { selectedTab?: number }) {
   const traductions = useAppLocalizations();
   const theme = useTheme();
+  const router = useAppRouter();
   const insets = useSafeAreaInsets();
   const { width } = useWindowDimensions();
   const status = useValueListenable(Di.activeCompteAlias);
@@ -74,6 +78,17 @@ export function HomePage({ selectedTab }: { selectedTab?: number }) {
     listRef.current?.scrollToIndex({ index, animated: true });
   };
 
+  /**
+   * La recherche renvoie la fonctionnalité choisie au lieu de l'ouvrir :
+   * la navigation part de l'accueil, et le retour y ramène.
+   */
+  const ouvrirRecherche = async () => {
+    const choisie = await AppRouter.push<Fonctionnalite>(router, AppRouter.search, {
+      params: fonctionnalitesRecherchables(router, traductions, { ouvrirOnglet: goToTab }),
+    });
+    choisie?.ouvrir();
+  };
+
   const onMomentumScrollEnd = (e: NativeSyntheticEvent<NativeScrollEvent>) => {
     setTab(Math.round(e.nativeEvent.contentOffset.x / pageWidth));
   };
@@ -91,8 +106,20 @@ export function HomePage({ selectedTab }: { selectedTab?: number }) {
         <View style={{ backgroundColor: theme.appBarTheme.backgroundColor }}>
           <View style={styles.toolbar}>
             <HomeToolbarLeading user={Di.config.user} enabled={hasAlias} />
-            {/* Notifications (grisé si le compte actif n'a pas d'alias) */}
-            <NotificationBtnOpenWidget enabled={hasAlias} />
+            <View style={styles.actions}>
+              {/* Recherche dans les fonctionnalités (grisé si le compte actif n'a pas d'alias) */}
+              <Pressable
+                accessibilityRole="button"
+                accessibilityLabel={traductions.searchTitle}
+                disabled={!hasAlias}
+                onPress={() => void ouvrirRecherche()}
+                style={[styles.action, { opacity: hasAlias ? 1 : 0.38 }]}
+              >
+                <MaterialIcons name="search" size={24} color={theme.appBarTheme.foregroundColor} />
+              </Pressable>
+              {/* Notifications (grisé si le compte actif n'a pas d'alias) */}
+              <NotificationBtnOpenWidget enabled={hasAlias} />
+            </View>
           </View>
           {/* Onglets */}
           <View style={styles.tabBar}>
@@ -161,6 +188,8 @@ export function HomePage({ selectedTab }: { selectedTab?: number }) {
 
 const styles = StyleSheet.create({
   toolbar: { height: 56, flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },
+  actions: { flexDirection: 'row', alignItems: 'center' },
+  action: { padding: 12 },
   tabBar: { flexDirection: 'row', paddingHorizontal: 20, height: 46, alignItems: 'center' },
   tab: { flex: 1, height: 36, marginHorizontal: 2, alignItems: 'center', justifyContent: 'center', borderRadius: 12.2 },
   tabSelected: { backgroundColor: '#151413' },

package/src/modules/home/presentation/pages/home_tab_compte.tsx

@@ -90,7 +90,7 @@ export function HomeTabCompte() {
 
 const styles = StyleSheet.create({
   content: { paddingHorizontal: 16, paddingVertical: 12 },
-  actions: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', paddingHorizontal: 16 },
+  actions: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' },
   gap10: { height: 10 },
   gap14: { height: 14 },
   gap16: { height: 16 },

package/src/modules/home/presentation/pages/home_tab_compte_more_menu.tsx

@@ -6,7 +6,7 @@ import { AppRouter, useAppRouter } from '../../../../core/router';
 import { useTheme } from '../../../../core/theme';
 import { useAppLocalizations } from '../../../../l10n/localizations';
 import { Card } from '../../../../shared/material/card';
-import { MenuActionItem, MenuActionsWiget } from '../../../../shared/widgets/menu_actions_widget';
+import { MenuActionItem, MenuActionsWidget } from '../../../../shared/widgets/menu_actions_widget';
 
 /**
  * Menu « Plus » de l'accueil. Le participant peut personnaliser ce menu
@@ -32,7 +32,7 @@ export function HomeTabCompteMoreMenu() {
     >
       <Card>
         <ScrollView>
-          <MenuActionsWiget
+          <MenuActionsWidget
             items={[
               // Programmer un paiement
               new MenuActionItem(