diff --git a/src/components/device-management/device-management.ts b/src/components/device-management/device-management.ts
index feb41a8..0b12934 100644
--- a/src/components/device-management/device-management.ts
+++ b/src/components/device-management/device-management.ts
@@ -356,6 +356,20 @@ export class DeviceManagementComponent extends HTMLElement {
           flex: 1.2;
           min-width: 150px;
         }
+
+        .import-export .btn-critical {
+          flex: 1.3;
+          min-width: 180px;
+          background: #dc3545;
+          color: white;
+          border: 2px solid #dc3545;
+          font-weight: bold;
+        }
+
+        .import-export .btn-critical:hover {
+          background: #c82333;
+          border-color: #c82333;
+        }
       </style>
 
       <div class="device-management">
@@ -376,6 +390,7 @@ export class DeviceManagementComponent extends HTMLElement {
         <div class="import-export">
           <button class="btn btn-secondary" id="importBtn">📥 Importer</button>
           <button class="btn btn-secondary" id="exportBtn">📤 Exporter</button>
+          <button class="btn btn-critical" id="criticalExportBtn">🚨 Export Critique (Clé Privée)</button>
           <button class="btn btn-danger" id="deleteAccountBtn">🗑️ Supprimer le Compte</button>
         </div>
 
@@ -446,6 +461,11 @@ export class DeviceManagementComponent extends HTMLElement {
       this.exportAccount();
     });
 
+    // Critical export button
+    this.shadowRoot!.getElementById('criticalExportBtn')?.addEventListener('click', () => {
+      this.criticalExport();
+    });
+
     // Delete account button
     this.shadowRoot!.getElementById('deleteAccountBtn')?.addEventListener('click', () => {
       this.deleteAccount();
@@ -643,6 +663,66 @@ export class DeviceManagementComponent extends HTMLElement {
     }
   }
 
+  async criticalExport() {
+    // Triple confirmation for critical export
+    const confirm1 = confirm('🚨 EXPORT CRITIQUE: Cette action va exposer votre CLÉ PRIVÉE.\n\nCette clé permet de signer des transactions sans interaction sur le 2ème device.\n\nÊtes-vous sûr de vouloir continuer ?');
+    if (!confirm1) return;
+
+    const confirm2 = confirm('⚠️ SÉCURITÉ: Votre clé privée sera visible en clair.\n\nAssurez-vous que personne ne peut voir votre écran.\n\nContinuer ?');
+    if (!confirm2) return;
+
+    const confirm3 = confirm('🔐 DERNIÈRE CONFIRMATION: Cette clé privée donne un accès TOTAL à votre compte.\n\nTapez "EXPORTER" pour confirmer:');
+    if (confirm3 !== 'EXPORTER') {
+      alert('❌ Export critique annulé');
+      return;
+    }
+
+    try {
+      // Get the device's private key
+      const device = await this.service.getDeviceFromDatabase();
+      if (!device || !device.sp_wallet) {
+        throw new Error('Device ou clé privée non trouvée');
+      }
+
+      // Create critical export data
+      const criticalData = {
+        type: 'CRITICAL_EXPORT',
+        timestamp: new Date().toISOString(),
+        device_address: device.sp_wallet.address,
+        private_key: device.sp_wallet.private_key,
+        pairing_commitment: device.pairing_process_commitment,
+        warning: 'ATTENTION: Cette clé privée donne un accès total au compte. Gardez-la SECRÈTE et SÉCURISÉE.',
+        instructions: [
+          '1. Sauvegardez cette clé dans un endroit sûr',
+          '2. Ne la partagez JAMAIS avec qui que ce soit',
+          '3. Utilisez-la uniquement pour signer des transactions critiques',
+          '4. En cas de compromission, changez immédiatement votre compte'
+        ]
+      };
+
+      // Create and download the file
+      const blob = new Blob([JSON.stringify(criticalData, null, 2)], { type: 'application/json' });
+      const url = URL.createObjectURL(blob);
+      const a = document.createElement('a');
+      a.href = url;
+      a.download = `critical-export-${Date.now()}.json`;
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+
+      this.showStatus('🚨 Export critique généré - Clé privée exposée !', 'error');
+      
+      // Show additional warning
+      setTimeout(() => {
+        alert('🚨 EXPORT CRITIQUE TERMINÉ\n\nVotre clé privée a été exportée.\n\n⚠️ GARDEZ CE FICHIER SÉCURISÉ !');
+      }, 1000);
+
+    } catch (error) {
+      this.showStatus(`❌ Erreur lors de l'export critique: ${error}`, 'error');
+    }
+  }
+
   async deleteAccount() {
     // First confirmation
     if (!confirm('⚠️ Êtes-vous sûr de vouloir supprimer complètement votre compte ?\n\nCette action est IRRÉVERSIBLE et supprimera :\n• Tous vos processus\n• Toutes vos données\n• Votre wallet\n• Votre historique\n\nTapez "SUPPRIMER" pour confirmer.')) {
diff --git a/src/pages/process/process-list-component.ts b/src/pages/process/process-list-component.ts
deleted file mode 100644
index 3033515..0000000
--- a/src/pages/process/process-list-component.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-// import processHtml from './process.html?raw';
-// import processScript from './process.ts?raw';
-// import processCss from '../../4nk.css?raw';
-// import { init } from './process';
-
-// export class ProcessListComponent extends HTMLElement {
-//   _callback: any;
-//   constructor() {
-//     super();
-//     this.attachShadow({ mode: 'open' });
-//   }
-
-//   connectedCallback() {
-//     console.log('CALLBACK PROCESS LIST PAGE');
-//     this.render();
-//     setTimeout(() => {
-//       init();
-//     }, 500);
-//   }
-
-//   set callback(fn) {
-//     if (typeof fn === 'function') {
-//       this._callback = fn;
-//     } else {
-//       console.error('Callback is not a function');
-//     }
-//   }
-
-//   get callback() {
-//     return this._callback;
-//   }
-
-//   render() {
-//     if (this.shadowRoot)
-//       this.shadowRoot.innerHTML = `
-//             <style>
-//             ${processCss}
-//             </style>${processHtml}
-//             <script type="module">
-//             ${processScript}
-//             </scipt>
-            
-//         `;
-//   }
-// }
-
-// if (!customElements.get('process-list-4nk-component')) {
-//   customElements.define('process-list-4nk-component', ProcessListComponent);
-// }
diff --git a/src/pages/process/process.html b/src/pages/process/process.html
deleted file mode 100755
index 10f545b..0000000
--- a/src/pages/process/process.html
+++ /dev/null
@@ -1,19 +0,0 @@
-<!-- <div class="title-container">
-  <h1>Process Selection</h1>
-</div>
-
-<div class="process-container">
-  <div class="process-card">
-    <div class="process-card-description">
-      <div class="input-container">
-        <select multiple data-multi-select-plugin id="autocomplete" placeholder="Filter processes..." class="select-field"></select>
-        <label for="autocomplete" class="input-label">Filter processes :</label>
-        <div class="selected-processes"></div>
-      </div>
-      <div class="process-card-content"></div>
-    </div>
-    <div class="process-card-action">
-      <a class="btn" onclick="goToProcessPage()">OK</a>
-    </div>
-  </div>
-</div> -->
diff --git a/src/pages/process/process.ts b/src/pages/process/process.ts
deleted file mode 100755
index 8dfb3a4..0000000
--- a/src/pages/process/process.ts
+++ /dev/null
@@ -1,520 +0,0 @@
-// import { addSubscription } from '../../utils/subscription.utils';
-// import Services from '../../services/service';
-// import { getCorrectDOM } from '~/utils/html.utils';
-// import { Process } from 'pkg/sdk_client';
-// import chatStyle from '../../../public/style/chat.css?inline';
-// import { Database } from '../../services/database.service';
-
-// // Initialize function, create initial tokens with itens that are already selected by the user
-// export async function init() {
-  
-//   const container = getCorrectDOM('process-list-4nk-component') as HTMLElement;
-//   const element = container.querySelector('select') as HTMLSelectElement;
-//   // Create div that wroaps all the elements inside (select, elements selected, search div) to put select inside
-//   const wrapper = document.createElement('div');
-//   if (wrapper) addSubscription(wrapper, 'click', clickOnWrapper);
-//   wrapper.classList.add('multi-select-component');
-//   wrapper.classList.add('input-field');
-
-//   // Create elements of search
-//   const search_div = document.createElement('div');
-//   search_div.classList.add('search-container');
-//   const input = document.createElement('input');
-//   input.classList.add('selected-input');
-//   input.setAttribute('autocomplete', 'off');
-//   input.setAttribute('tabindex', '0');
-//   if (input) {
-//     addSubscription(input, 'keyup', inputChange);
-//     addSubscription(input, 'keydown', deletePressed);
-//     addSubscription(input, 'click', openOptions);
-//   }
-
-//   const dropdown_icon = document.createElement('a');
-//   dropdown_icon.classList.add('dropdown-icon');
-
-//   if (dropdown_icon) addSubscription(dropdown_icon, 'click', clickDropdown);
-//   const autocomplete_list = document.createElement('ul');
-//   autocomplete_list.classList.add('autocomplete-list');
-//   search_div.appendChild(input);
-//   search_div.appendChild(autocomplete_list);
-//   search_div.appendChild(dropdown_icon);
-
-//   // set the wrapper as child (instead of the element)
-//   element.parentNode?.replaceChild(wrapper, element);
-//   // set element as child of wrapper
-//   wrapper.appendChild(element);
-//   wrapper.appendChild(search_div);
-
-//   addPlaceholder(wrapper);
-// }
-
-// function removePlaceholder(wrapper: HTMLElement) {
-//   const input_search = wrapper.querySelector('.selected-input');
-//   input_search?.removeAttribute('placeholder');
-// }
-
-// function addPlaceholder(wrapper: HTMLElement) {
-//   const input_search = wrapper.querySelector('.selected-input');
-//   const tokens = wrapper.querySelectorAll('.selected-wrapper');
-//   if (!tokens.length && !(document.activeElement === input_search)) input_search?.setAttribute('placeholder', '---------');
-// }
-
-// // Listener of user search
-// function inputChange(e: Event) {
-//   const target = e.target as HTMLInputElement;
-//   const wrapper = target?.parentNode?.parentNode;
-//   const select = wrapper?.querySelector('select') as HTMLSelectElement;
-//   const dropdown = wrapper?.querySelector('.dropdown-icon');
-
-//   const input_val = target?.value;
-
-//   if (input_val) {
-//     dropdown?.classList.add('active');
-//     populateAutocompleteList(select, input_val.trim());
-//   } else {
-//     dropdown?.classList.remove('active');
-//     const event = new Event('click');
-//     dropdown?.dispatchEvent(event);
-//   }
-// }
-
-// // Listen for clicks on the wrapper, if click happens focus on the input
-// function clickOnWrapper(e: Event) {
-//   const wrapper = e.target as HTMLElement;
-//   if (wrapper.tagName == 'DIV') {
-//     const input_search = wrapper.querySelector('.selected-input');
-//     const dropdown = wrapper.querySelector('.dropdown-icon');
-//     if (!dropdown?.classList.contains('active')) {
-//       const event = new Event('click');
-//       dropdown?.dispatchEvent(event);
-//     }
-//     (input_search as HTMLInputElement)?.focus();
-//     removePlaceholder(wrapper);
-//   }
-// }
-
-// function openOptions(e: Event) {
-//   const input_search = e.target as HTMLElement;
-//   const wrapper = input_search?.parentElement?.parentElement;
-//   const dropdown = wrapper?.querySelector('.dropdown-icon');
-//   if (!dropdown?.classList.contains('active')) {
-//     const event = new Event('click');
-//     dropdown?.dispatchEvent(event);
-//   }
-//   e.stopPropagation();
-// }
-
-// // Function that create a token inside of a wrapper with the given value
-// function createToken(wrapper: HTMLElement, value: any) {
-//   const container = getCorrectDOM('process-list-4nk-component') as HTMLElement;
-//   const search = wrapper.querySelector('.search-container');
-//   const inputInderline = container.querySelector('.selected-processes');
-//   // Create token wrapper
-//   const token = document.createElement('div');
-//   token.classList.add('selected-wrapper');
-//   const token_span = document.createElement('span');
-//   token_span.classList.add('selected-label');
-//   token_span.innerText = value;
-//   const close = document.createElement('a');
-//   close.classList.add('selected-close');
-//   close.setAttribute('tabindex', '-1');
-//   close.setAttribute('data-option', value);
-//   close.setAttribute('data-hits', '0');
-//   close.innerText = 'x';
-//   if (close) addSubscription(close, 'click', removeToken);
-//   token.appendChild(token_span);
-//   token.appendChild(close);
-//   inputInderline?.appendChild(token);
-// }
-
-// // Listen for clicks in the dropdown option
-// function clickDropdown(e: Event) {
-//   const dropdown = e.target as HTMLElement;
-//   const wrapper = dropdown?.parentNode?.parentNode;
-//   const input_search = wrapper?.querySelector('.selected-input') as HTMLInputElement;
-//   const select = wrapper?.querySelector('select') as HTMLSelectElement;
-//   dropdown.classList.toggle('active');
-
-//   if (dropdown.classList.contains('active')) {
-//     removePlaceholder(wrapper as HTMLElement);
-//     input_search?.focus();
-
-//     if (!input_search?.value) {
-//       populateAutocompleteList(select, '', true);
-//     } else {
-//       populateAutocompleteList(select, input_search.value);
-//     }
-//   } else {
-//     clearAutocompleteList(select);
-//     addPlaceholder(wrapper as HTMLElement);
-//   }
-// }
-
-// // Clears the results of the autocomplete list
-// function clearAutocompleteList(select: HTMLSelectElement) {
-//   const wrapper = select.parentNode;
-
-//   const autocomplete_list = wrapper?.querySelector('.autocomplete-list');
-//   if (autocomplete_list) autocomplete_list.innerHTML = '';
-// }
-
-// async function populateAutocompleteList(select: HTMLSelectElement, query: string, dropdown = false) {
-//   const { autocomplete_options } = getOptions(select);
-
-//   let options_to_show = [];
-
-//   const service = await Services.getInstance();
-//   const mineArray: string[] = await service.getMyProcesses();
-//   const allProcesses = await service.getProcesses();
-//   const allArray: string[] = Object.keys(allProcesses).filter(x => !mineArray.includes(x));
-
-//   const wrapper = select.parentNode;
-//   const input_search = wrapper?.querySelector('.search-container');
-//   const autocomplete_list = wrapper?.querySelector('.autocomplete-list');
-//   if (autocomplete_list) autocomplete_list.innerHTML = '';
-
-//   const addProcessToList = (processId:string, isMine: boolean) => {
-//     const li = document.createElement('li');
-//     li.innerText = processId;
-//     li.setAttribute("data-value", processId);
-
-//     if (isMine) {
-//       li.classList.add("my-process");
-//       li.style.cssText = `color: var(--accent-color)`;
-//     }
-
-//     if (li) addSubscription(li, 'click', selectOption);
-//     autocomplete_list?.appendChild(li);
-//   };
-
-//   mineArray.forEach(processId => addProcessToList(processId, true));
-//   allArray.forEach(processId => addProcessToList(processId, false));
-  
-//   if (mineArray.length === 0 && allArray.length === 0) {
-//     const li = document.createElement('li');
-//     li.classList.add('not-cursor');
-//     li.innerText = 'No options found';
-//     autocomplete_list?.appendChild(li);
-//   }
-// }
-
-// // Listener to autocomplete results when clicked set the selected property in the select option
-// function selectOption(e: any) {
-//   console.log('🎯 Click event:', e);
-//   console.log('🎯 Target value:', e.target.dataset.value);
-  
-//   const wrapper = e.target.parentNode.parentNode.parentNode;
-//   const select = wrapper.querySelector('select');
-//   const input_search = wrapper.querySelector('.selected-input');
-//   const option = wrapper.querySelector(`select option[value="${e.target.dataset.value}"]`);
-  
-//   console.log('🎯 Selected option:', option);
-//   console.log('🎯 Process ID:', option?.getAttribute('data-process-id'));
-
-//   if (e.target.dataset.value.includes('messaging')) {
-//     const messagingNumber = parseInt(e.target.dataset.value.split(' ')[1]);
-//     const processId = select.getAttribute(`data-messaging-id-${messagingNumber}`);
-    
-//     console.log('🚀 Dispatching newMessagingProcess event:', {
-//       processId,
-//       processName: `Messaging Process ${processId}`
-//     });
-
-//     // Dispatch l'événement avant la navigation
-//     document.dispatchEvent(new CustomEvent('newMessagingProcess', {
-//       detail: {
-//         processId: processId,
-//         processName: `Messaging Process ${processId}`
-//       }
-//     }));
-    
-//     // Navigation vers le chat
-//     const navigateEvent = new CustomEvent('navigate', {
-//       detail: {
-//         page: 'chat',
-//         processId: processId || ''
-//       }
-//     });
-//     document.dispatchEvent(navigateEvent);
-//     return;
-//   }
-//   option.setAttribute('selected', '');
-//   createToken(wrapper, e.target.dataset.value);
-//   if (input_search.value) {
-//     input_search.value = '';
-//   }
-
-//   showSelectedProcess(e.target.dataset.value);
-
-//   input_search.focus();
-
-//   e.target.remove();
-//   const autocomplete_list = wrapper.querySelector('.autocomplete-list');
-
-//   if (!autocomplete_list.children.length) {
-//     const li = document.createElement('li');
-//     li.classList.add('not-cursor');
-//     li.innerText = 'No options found';
-//     autocomplete_list.appendChild(li);
-//   }
-
-//   const event = new Event('keyup');
-//   input_search.dispatchEvent(event);
-//   e.stopPropagation();
-// }
-
-// // function that returns a list with the autcomplete list of matches
-// function autocomplete(query: string, options: any) {
-//   // No query passed, just return entire list
-//   if (!query) {
-//     return options;
-//   }
-//   let options_return = [];
-
-//   for (let i = 0; i < options.length; i++) {
-//     if (query.toLowerCase() === options[i].slice(0, query.length).toLowerCase()) {
-//       options_return.push(options[i]);
-//     }
-//   }
-//   return options_return;
-// }
-
-// // Returns the options that are selected by the user and the ones that are not
-// function getOptions(select: HTMLSelectElement) {
-//   // Select all the options available
-//   const all_options = Array.from(select.querySelectorAll('option')).map((el) => el.value);
-
-//   // Get the options that are selected from the user
-//   const options_selected = Array.from(select.querySelectorAll('option:checked')).map((el: any) => el.value);
-
-//   // Create an autocomplete options array with the options that are not selected by the user
-//   const autocomplete_options: any[] = [];
-//   all_options.forEach((option) => {
-//     if (!options_selected.includes(option)) {
-//       autocomplete_options.push(option);
-//     }
-//   });
-
-//   autocomplete_options.sort();
-
-//   return {
-//     options_selected,
-//     autocomplete_options,
-//   };
-// }
-
-// // Listener for when the user wants to remove a given token.
-// function removeToken(e: Event) {
-//   // Get the value to remove
-//   const target = e.target as HTMLSelectElement;
-//   const value_to_remove = target.dataset.option;
-//   const wrapper = target.parentNode?.parentNode?.parentNode;
-//   const input_search = wrapper?.querySelector('.selected-input');
-//   const dropdown = wrapper?.querySelector('.dropdown-icon');
-//   // Get the options in the select to be unselected
-//   const option_to_unselect = wrapper?.querySelector(`select option[value="${value_to_remove}"]`);
-//   option_to_unselect?.removeAttribute('selected');
-//   // Remove token attribute
-//   (target.parentNode as any)?.remove();
-//   dropdown?.classList.remove('active');
-//   const container = getCorrectDOM('process-list-4nk-component') as HTMLElement;
-
-//   const process = container.querySelector('#' + target.dataset.option);
-//   process?.remove();
-// }
-
-// // Listen for 2 sequence of hits on the delete key, if this happens delete the last token if exist
-// function deletePressed(e: Event) {
-//   const input_search = e.target as HTMLInputElement;
-//   const wrapper = input_search?.parentNode?.parentNode;
-//   const key = (e as KeyboardEvent).keyCode || (e as KeyboardEvent).charCode;
-//   const tokens = wrapper?.querySelectorAll('.selected-wrapper');
-
-//   if (tokens?.length) {
-//     const last_token_x = tokens[tokens.length - 1].querySelector('a');
-//     let hits = +(last_token_x?.dataset?.hits || 0);
-
-//     if (key == 8 || key == 46) {
-//       if (!input_search.value) {
-//         if (hits > 1) {
-//           // Trigger delete event
-//           const event = new Event('click');
-//           last_token_x?.dispatchEvent(event);
-//         } else {
-//           if (last_token_x?.dataset.hits) last_token_x.dataset.hits = '2';
-//         }
-//       }
-//     } else {
-//       if (last_token_x?.dataset.hits) last_token_x.dataset.hits = '0';
-//     }
-//   }
-//   return true;
-// }
-
-// // Dismiss on outside click
-// addSubscription(document, 'click', () => {
-//   // get select that has the options available
-//   const select = document.querySelectorAll('[data-multi-select-plugin]');
-//   for (let i = 0; i < select.length; i++) {
-//     if (event) {
-//       var isClickInside = select[i].parentElement?.parentElement?.contains(event.target as Node);
-
-//       if (!isClickInside) {
-//         const wrapper = select[i].parentElement?.parentElement;
-//         const dropdown = wrapper?.querySelector('.dropdown-icon');
-//         const autocomplete_list = wrapper?.querySelector('.autocomplete-list');
-//         //the click was outside the specifiedElement, do something
-//         dropdown?.classList.remove('active');
-//         if (autocomplete_list) autocomplete_list.innerHTML = '';
-//         addPlaceholder(wrapper as HTMLElement);
-//       }
-//     }
-//   }
-// });
-
-// async function showSelectedProcess(elem: MouseEvent) {
-//   const container = getCorrectDOM('process-list-4nk-component') as HTMLElement;
-
-//   if (elem) {
-//     const cardContent = container.querySelector('.process-card-content');
-
-//     const processes = await getProcesses();
-//     const process = processes.find((process: any) => process[1].title === elem);
-//     if (process) {
-//       const processDiv = document.createElement('div');
-//       processDiv.className = 'process';
-//       processDiv.id = process[0];
-//       const titleDiv = document.createElement('div');
-//       titleDiv.className = 'process-title';
-//       titleDiv.innerHTML = `${process[1].title} : ${process[1].description}`;
-//       processDiv.appendChild(titleDiv);
-//       for (const zone of process.zones) {
-//         const zoneElement = document.createElement('div');
-//         zoneElement.className = 'process-element';
-//         const zoneId = process[1].title + '-' + zone.id;
-//         zoneElement.setAttribute('zone-id', zoneId);
-//         zoneElement.setAttribute('process-title', process[1].title);
-//         zoneElement.setAttribute('process-id', `${process[0]}_${zone.id}`);
-//         zoneElement.innerHTML = `${zone.title}: ${zone.description}`;
-//         addSubscription(zoneElement, 'click', select);
-//         processDiv.appendChild(zoneElement);
-//       }
-//       if (cardContent) cardContent.appendChild(processDiv);
-//     }
-//   }
-// }
-
-// function select(event: Event) {
-//   const container = getCorrectDOM('process-list-4nk-component') as HTMLElement;
-//   const target = event.target as HTMLElement;
-//   const oldSelectedProcess = container.querySelector('.selected-process-zone');
-//   oldSelectedProcess?.classList.remove('selected-process-zone');
-//   if (target) {
-//     target.classList.add('selected-process-zone');
-//   }
-//   const name = target.getAttribute('zone-id');
-//   console.log('🚀 ~ select ~ name:', name);
-// }
-
-// function goToProcessPage() {
-//   const container = getCorrectDOM('process-list-4nk-component') as HTMLElement;
-
-//   const target = container.querySelector('.selected-process-zone');
-//   console.log('🚀 ~ goToProcessPage ~ event:', target);
-//   if (target) {
-//     const process = target?.getAttribute('process-id');
-
-//     console.log('=======================> going to process page', process);
-//     // navigate('process-element/' + process);
-//     document.querySelector('process-list-4nk-component')?.dispatchEvent(
-//       new CustomEvent('processSelected', {
-//         detail: {
-//           process: process,
-//         },
-//       }),
-//     );
-//   }
-// }
-
-// (window as any).goToProcessPage = goToProcessPage;
-
-// async function createMessagingProcess(): Promise<void> {
-//   console.log('Creating messaging process');
-//   const service = await Services.getInstance();
-//   const otherMembers = [
-//     {
-//       sp_addresses: [
-//         "tsp1qqd7snxfh44am8f7a3x36znkh4v0dcagcgakfux488ghsg0tny7degq4gd9q4n4us0cyp82643f2p4jgcmtwknadqwl3waf9zrynl6n7lug5tg73a",
-//         "tsp1qqvd8pak9fyz55rxqj90wxazqzwupf2egderc96cn84h3l84z8an9vql85scudrmwvsnltfuy9ungg7pxnhys2ft5wnf2gyr3n4ukvezygswesjuc"
-//       ]
-//     },
-//     {
-//       sp_addresses: [
-//         "tsp1qqgl5vawdey6wnnn2sfydcejsr06uzwsjlfa6p6yr8u4mkqwezsnvyqlazuqmxhxd8crk5eq3wfvdwv4k3tn68mkj2nj72jj39d2ngauu4unfx0q7",
-//         "tsp1qqthmj56gj8vvkjzwhcmswftlrf6ye7ukpks2wra92jkehqzrvx7m2q570q5vv6zj6dnxvussx2h8arvrcfwz9sp5hpdzrfugmmzz90pmnganxk28"
-//       ]
-//     },
-//     {
-//       sp_addresses: [
-//         "tsp1qqwjtxr9jye7d40qxrsmd6h02egdwel6mfnujxzskgxvxphfya4e6qqjq4tsdmfdmtnmccz08ut24q8y58qqh4lwl3w8pvh86shlmavrt0u3smhv2",
-//         "tsp1qqwn7tf8q2jhmfh8757xze53vg2zc6x5u6f26h3wyty9mklvcy0wnvqhhr4zppm5uyyte4y86kljvh8r0tsmkmszqqwa3ecf2lxcs7q07d56p8sz5"
-//       ]
-//     }
-//   ];
-//   await service.checkConnections(otherMembers);
-//   const relayAddress = service.getAllRelays().pop();
-//   if (!relayAddress) {
-//     throw new Error('Empty relay address list');
-//   }
-//   const feeRate = 1;
-//   setTimeout(async () => {
-//     const createProcessReturn = await service.createMessagingProcess(otherMembers, relayAddress.spAddress, feeRate);
-//     const updatedProcess = createProcessReturn.updated_process.current_process;
-//     if (!updatedProcess) {
-//       console.error('Failed to retrieved new messaging process');
-//       return;
-//     }
-//     const processId = updatedProcess.states[0].commited_in;
-//     const stateId = updatedProcess.states[0].state_id;
-//     await service.handleApiReturn(createProcessReturn);
-//     const createPrdReturn = await service.createPrdUpdate(processId, stateId);
-//     await service.handleApiReturn(createPrdReturn);
-//     const approveChangeReturn = await service.approveChange(processId, stateId);
-//     await service.handleApiReturn(approveChangeReturn);
-//   }, 500)
-// }
-
-// async function getDescription(processId: string, process: Process): Promise<string | null> {
-//   const service = await Services.getInstance();
-//   // Get the `commited_in` value of the last state and remove it from the array
-//   const currentCommitedIn = process.states.pop()?.commited_in;
-
-//   if (currentCommitedIn === undefined) {
-//     return null; // No states available
-//   }
-
-//   // Find the last state where `commited_in` is different
-//   let lastDifferentState = process.states.findLast(
-//     state => state.commited_in !== currentCommitedIn
-//   );
-
-//   if (!lastDifferentState) {
-//     // It means that we only have one state that is not commited yet, that can happen with process we just created
-//     // let's assume that the right description is in the last concurrent state and not handle the (arguably rare) case where we have multiple concurrent states on a creation
-//     lastDifferentState = process.states.pop();
-//   }
-
-//   // Take the description out of the state, if any
-//   const description = lastDifferentState!.pcd_commitment['description'];
-//   if (description) {
-//     const userDiff = await service.getDiffByValue(description);
-//     if (userDiff) {
-//       console.log("Successfully retrieved userDiff:", userDiff);
-//       return userDiff.new_value;
-//     } else {
-//       console.log("Failed to retrieve a non-null userDiff.");
-//     }
-//   }
-
-//   return null;
-// }
diff --git a/src/router.ts b/src/router.ts
index 7b1620f..15ab773 100755
--- a/src/router.ts
+++ b/src/router.ts
@@ -1,1027 +1,1017 @@
-import '../public/style/4nk.css';
-import { initHeader } from '../src/components/header/header';
-/*import { initChat } from '../src/pages/chat/chat';*/
-import Database from './services/database.service';
-import Services from './services/service';
-import TokenService from './services/token';
-import { cleanSubscriptions } from './utils/subscription.utils';
-import { LoginComponent } from './pages/home/home-component';
-import { prepareAndSendPairingTx } from './utils/sp-address.utils';
-import ModalService from './services/modal.service';
-import { MessageType } from './models/process.model';
-import { splitPrivateData, isValid32ByteHex } from './utils/service.utils';
-import { MerkleProofResult } from 'pkg/sdk_client';
-
-const routes: { [key: string]: string } = {
-  home: '/src/pages/home/home.html',
-  process: '/src/pages/process/process.html',
-  'process-element': '/src/pages/process-element/process-element.html',
-  account: '/src/pages/account/account.html',
-  chat: '/src/pages/chat/chat.html',
-  signature: '/src/pages/signature/signature.html',
-};
-
-export let currentRoute = '';
-
-export async function navigate(path: string) {
-  cleanSubscriptions();
-  cleanPage();
-  path = path.replace(/^\//, '');
-  if (path.includes('/')) {
-    const parsedPath = path.split('/')[0];
-    if (!routes[parsedPath]) {
-      path = 'home';
-    }
-  }
-
-  await handleLocation(path);
-}
-
-async function handleLocation(path: string) {
-  const parsedPath = path.split('/');
-  if (path.includes('/')) {
-    path = parsedPath[0];
-  }
-  currentRoute = path;
-  const routeHtml = routes[path] || routes['home'];
-
-  const content = document.getElementById('containerId');
-  if (content) {
-    if (path === 'home') {
-      const login = LoginComponent;
-      const container = document.querySelector('#containerId');
-      const accountComponent = document.createElement('login-4nk-component');
-      accountComponent.setAttribute('style', 'width: 100vw; height: 100vh; position: relative; grid-row: 2;');
-      if (container) container.appendChild(accountComponent);
-    } else if (path !== 'process') {
-      const html = await fetch(routeHtml).then((data) => data.text());
-      content.innerHTML = html;
-    }
-
-    await new Promise(requestAnimationFrame);
-
-    // Don't inject header for account page (it has its own design)
-    if (path !== 'account') {
-      injectHeader();
-    }
-
-    // const modalService = await ModalService.getInstance()
-    // modalService.injectValidationModal()
-    switch (path) {
-      case 'process':
-        // const { init } = await import('./pages/process/process');
-        //const { ProcessListComponent } = await import('./pages/process/process-list-component');
-
-        const container2 = document.querySelector('#containerId');
-        const accountComponent = document.createElement('process-list-4nk-component');
-
-        //if (!customElements.get('process-list-4nk-component')) {
-          //customElements.define('process-list-4nk-component', ProcessListComponent);
-        //}
-        accountComponent.setAttribute('style', 'height: 100vh; position: relative; grid-row: 2; grid-column: 4;');
-        if (container2) container2.appendChild(accountComponent);
-        break;
-
-      case 'process-element':
-        // Process element functionality removed
-        console.warn('Process element functionality has been removed');
-        break;
-
-      case 'account':
-        // Account page now uses device-management component directly
-        break;
-
-      /*case 'chat':
-        const { ChatComponent } = await import('./pages/chat/chat-component');
-        const chatContainer = document.querySelector('.group-list');
-        if (chatContainer) {
-          if (!customElements.get('chat-component')) {
-            customElements.define('chat-component', ChatComponent);
-          }
-          const chatComponent = document.createElement('chat-component');
-          chatContainer.appendChild(chatComponent);
-        }
-        break;*/
-
-      case 'signature':
-        // Signature functionality removed
-        console.warn('Signature functionality has been removed');
-        break;
-    }
-  }
-}
-
-window.onpopstate = async () => {
-  const services = await Services.getInstance();
-  if (!services.isPaired()) {
-    handleLocation('home');
-  } else {
-    handleLocation('process');
-  }
-};
-
-export async function init(): Promise<void> {
-  try {
-    const services = await Services.getInstance();
-    (window as any).myService = services;
-    const db = await Database.getInstance();
-    db.registerServiceWorker('/src/service-workers/database.worker.js');
-    const device = await services.getDeviceFromDatabase();
-    console.log('🚀 ~ setTimeout ~ device:', device);
-
-    if (!device) {
-      // No wallet exists, create new account
-      console.log('🔍 No existing wallet found, creating new account...');
-      await services.createNewDevice();
-    } else {
-      // Wallet exists, restore it and check pairing
-      console.log('🔍 Existing wallet found, restoring account...');
-      services.restoreDevice(device);
-
-      // Check if device is paired
-      const isPaired = device.pairing_process_commitment !== null && device.pairing_process_commitment !== '';
-      console.log('🔍 Device pairing status:', isPaired ? 'Paired' : 'Not paired');
-
-      if (isPaired) {
-        // Device is paired, redirect to account page
-        console.log('✅ Device is paired, redirecting to account page...');
-        setTimeout(() => {
-          navigate('account');
-        }, 1000);
-      } else {
-        // Device exists but not paired, redirect to home for pairing
-        console.log('⚠️ Device exists but not paired, redirecting to home for pairing...');
-        setTimeout(() => {
-          navigate('home');
-        }, 1000);
-      }
-    }
-
-    // If we create a new device, we most probably don't have anything in db, but just in case
-    await services.restoreProcessesFromDB();
-    await services.restoreSecretsFromDB();
-
-    // We connect to all relays now
-    await services.connectAllRelays();
-
-    // We register all the event listeners if we run in an iframe
-    if (window.self !== window.top) {
-      await registerAllListeners();
-    }
-
-    if (services.isPaired()) {
-      await navigate('process');
-    } else {
-      await navigate('home');
-    }
-  } catch (error) {
-    console.error(error);
-    await navigate('home');
-  }
-}
-
-export async function registerAllListeners() {
-  const services = await Services.getInstance();
-  const tokenService = await TokenService.getInstance();
-
-  const errorResponse = (errorMsg: string, origin: string, messageId?: string) => {
-    window.parent.postMessage(
-      {
-        type: MessageType.ERROR,
-        error: errorMsg,
-        messageId
-      },
-      origin
-    );
-  }
-
-  // --- Handler functions ---
-  const handleRequestLink = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.REQUEST_LINK) {
-      return;
-    }
-    const modalService = await ModalService.getInstance();
-    const result = await modalService.showConfirmationModal({
-      title: 'Confirmation de liaison',
-      content: `
-        <div class="modal-confirmation">
-          <h3>Liaison avec ${event.origin}</h3>
-          <p>Vous êtes sur le point de lier l'identité numérique de la clé securisée propre à votre appareil avec ${event.origin}.</p>
-          <p>Cette action permettra à ${event.origin} d'intéragir avec votre appareil.</p>
-          <p>Voulez-vous continuer ?</p>
-        </div>
-      `,
-      confirmText: 'Ajouter un service',
-      cancelText: 'Annuler'
-    }, true);
-
-    if (!result) {
-      const errorMsg = 'Failed to pair device: User refused to link';
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-
-    try {
-      const tokens = await tokenService.generateSessionToken(event.origin);
-      const acceptedMsg = {
-        type: MessageType.LINK_ACCEPTED,
-        accessToken: tokens.accessToken,
-        refreshToken: tokens.refreshToken,
-        messageId: event.data.messageId
-      };
-      window.parent.postMessage(
-        acceptedMsg,
-        event.origin
-      );
-    } catch (error) {
-      const errorMsg = `Failed to generate tokens: ${error}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleCreatePairing = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.CREATE_PAIRING) {
-      return;
-    }
-
-    console.log("📨 [Router] Received CREATE_PAIRING request");
-
-    if (services.isPaired()) {
-      const errorMsg = "⚠️ Device already paired — ignoring CREATE_PAIRING request";
-      console.warn(errorMsg);
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-      return;
-    }
-
-    try {
-      const { accessToken } = event.data;
-
-      console.log("🔐 Checking access token validity...");
-      const validToken = accessToken && (await tokenService.validateToken(accessToken, event.origin));
-
-      if (!validToken) {
-        throw new Error("❌ Invalid or expired session token");
-      }
-
-      console.log("✅ Token validated successfully");
-      console.log("🚀 Starting pairing process");
-
-      const myAddress = services.getDeviceAddress();
-      console.log("📍 Device address:", myAddress);
-
-      console.log("🧱 Creating pairing process...");
-      const createPairingProcessReturn = await services.createPairingProcess("", [myAddress]);
-      console.log("🧾 Pairing process created:", createPairingProcessReturn);
-
-      const pairingId = createPairingProcessReturn.updated_process?.process_id;
-      const stateId = createPairingProcessReturn.updated_process?.current_process?.states[0]?.state_id as string;
-
-      console.log("🔗 Pairing ID:", pairingId);
-      console.log("🧩 State ID:", stateId);
-
-      console.log("🔒 Registering device as paired...");
-      services.pairDevice(pairingId, [myAddress]);
-
-      console.log("🧠 Handling API return for createPairingProcess...");
-      await services.handleApiReturn(createPairingProcessReturn);
-
-      console.log("🔍 DEBUG: About to create PRD update...");
-      console.log("🧰 Creating PRD update...");
-      const createPrdUpdateReturn = await services.createPrdUpdate(pairingId, stateId);
-      console.log("🧾 PRD update result:", createPrdUpdateReturn);
-      await services.handleApiReturn(createPrdUpdateReturn);
-      console.log("✅ DEBUG: PRD update completed successfully!");
-
-      console.log("🔍 DEBUG: About to approve change...");
-      console.log("✅ Approving change...");
-      const approveChangeReturn = await services.approveChange(pairingId, stateId);
-      console.log("📜 Approve change result:", approveChangeReturn);
-      await services.handleApiReturn(approveChangeReturn);
-      console.log("✅ DEBUG: approveChange completed successfully!");
-
-      console.log("🔍 DEBUG: approveChange completed, about to call waitForPairingCommitment...");
-      console.log("⏳ Waiting for pairing process to be committed...");
-      await services.waitForPairingCommitment(pairingId);
-      console.log("✅ DEBUG: waitForPairingCommitment completed successfully!");
-
-      console.log("🔍 DEBUG: About to call confirmPairing...");
-      console.log("🔁 Confirming pairing...");
-      await services.confirmPairing(pairingId);
-      console.log("✅ DEBUG: confirmPairing completed successfully!");
-
-      console.log("🎉 Pairing successfully completed!");
-
-      // ✅ Send success response to frontend
-      const successMsg = {
-        type: MessageType.PAIRING_CREATED,
-        pairingId,
-        messageId: event.data.messageId
-      };
-      console.log("📤 Sending PAIRING_CREATED message to UI:", successMsg);
-      window.parent.postMessage(successMsg, event.origin);
-
-    } catch (e) {
-      const errorMsg = `❌ Failed to create pairing process: ${e}`;
-      console.error(errorMsg);
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  };
-
-  const handleGetMyProcesses = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.GET_MY_PROCESSES) {
-      return;
-    }
-
-    if (!services.isPaired()) {
-      const errorMsg = 'Device not paired';
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-      return;
-    }
-
-    try {
-      const { accessToken } = event.data;
-
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      const myProcesses = await services.getMyProcesses();
-
-      window.parent.postMessage(
-        {
-          type: MessageType.GET_MY_PROCESSES,
-          myProcesses,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to get processes: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleGetProcesses = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.GET_PROCESSES) {
-      return;
-    }
-
-    const tokenService = await TokenService.getInstance();
-
-    if (!services.isPaired()) {
-      const errorMsg = 'Device not paired';
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-      return;
-    }
-
-    try {
-      const { accessToken } = event.data;
-
-      // Validate the session token
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      const processes = await services.getProcesses();
-
-      window.parent.postMessage(
-        {
-          type: MessageType.PROCESSES_RETRIEVED,
-          processes,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to get processes: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  /// We got a state for some process and return as many clear attributes as we can
-  const handleDecryptState = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.RETRIEVE_DATA) {
-      return;
-    }
-    const tokenService = await TokenService.getInstance();
-
-    if (!services.isPaired()) {
-      const errorMsg = 'Device not paired';
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-      return;
-    }
-
-    try {
-      const { processId, stateId, accessToken } = event.data;
-
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      // Retrieve the state for the process
-      const process = await services.getProcess(processId);
-      if (!process) {
-        throw new Error('Can\'t find process');
-      }
-      const state = services.getStateFromId(process, stateId);
-
-      await services.checkConnections(process, stateId);
-
-      let res: Record<string, any> = {};
-      if (state) {
-        // Decrypt all the data we have the key for
-        for (const attribute of Object.keys(state.pcd_commitment)) {
-          if (attribute === 'roles' || state.public_data[attribute]) {
-            continue;
-          }
-          const decryptedAttribute = await services.decryptAttribute(processId, state, attribute);
-          if (decryptedAttribute) {
-            res[attribute] = decryptedAttribute;
-          }
-        }
-      } else {
-        throw new Error('Unknown state for process', processId);
-      }
-
-      window.parent.postMessage(
-        {
-          type: MessageType.DATA_RETRIEVED,
-          data: res,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to retrieve data: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleValidateToken = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.VALIDATE_TOKEN) {
-      return;
-    }
-
-    const accessToken = event.data.accessToken;
-    const refreshToken = event.data.refreshToken;
-    if (!accessToken || !refreshToken) {
-      errorResponse('Failed to validate token: missing access, refresh token or both', event.origin, event.data.messageId);
-    }
-
-    const isValid = await tokenService.validateToken(accessToken, event.origin);
-
-    window.parent.postMessage(
-      {
-        type: MessageType.VALIDATE_TOKEN,
-        accessToken: accessToken,
-        refreshToken: refreshToken,
-        isValid: isValid,
-        messageId: event.data.messageId
-      },
-      event.origin
-    );
-  };
-
-  const handleRenewToken = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.RENEW_TOKEN) {
-      return;
-    }
-
-    try {
-      const refreshToken = event.data.refreshToken;
-
-      if (!refreshToken) {
-        throw new Error('No refresh token provided');
-      }
-
-      const newAccessToken = await tokenService.refreshAccessToken(refreshToken, event.origin);
-
-      if (!newAccessToken) {
-        throw new Error('Failed to refresh token');
-      }
-
-      window.parent.postMessage(
-        {
-          type: MessageType.RENEW_TOKEN,
-          accessToken: newAccessToken,
-          refreshToken: refreshToken,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (error) {
-      const errorMsg = `Failed to renew token: ${error}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleGetPairingId = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.GET_PAIRING_ID) return;
-
-    if (!services.isPaired()) {
-      const errorMsg = 'Device not paired';
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-      return;
-    }
-
-    try {
-      const { accessToken } = event.data;
-
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      const userPairingId = services.getPairingProcessId();
-
-      window.parent.postMessage(
-        {
-          type: MessageType.GET_PAIRING_ID,
-          userPairingId,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to get pairing id: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleCreateProcess = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.CREATE_PROCESS) return;
-
-    if (!services.isPaired()) {
-      const errorMsg = 'Device not paired';
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-      return;
-    }
-
-    try {
-      const { processData, privateFields, roles, accessToken } = event.data;
-
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      const { privateData, publicData } = splitPrivateData(processData, privateFields);
-
-      const createProcessReturn = await services.createProcess(privateData, publicData, roles);
-      if (!createProcessReturn.updated_process) {
-        throw new Error('Empty updated_process in createProcessReturn');
-      }
-      const processId = createProcessReturn.updated_process.process_id;
-      const process = createProcessReturn.updated_process.current_process;
-      const stateId = process.states[0].state_id;
-      await services.handleApiReturn(createProcessReturn);
-
-      const res = {
-        processId,
-        process,
-        processData,
-      }
-
-      window.parent.postMessage(
-        {
-          type: MessageType.PROCESS_CREATED,
-          processCreated: res,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to create process: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleNotifyUpdate = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.NOTIFY_UPDATE) return;
-
-    if (!services.isPaired()) {
-      const errorMsg = 'Device not paired';
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-      return;
-    }
-
-    try {
-      const { processId, stateId, accessToken } = event.data;
-
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      if (!isValid32ByteHex(stateId)) {
-        throw new Error('Invalid state id');
-      }
-
-      const res = await services.createPrdUpdate(processId, stateId);
-      await services.handleApiReturn(res);
-
-      window.parent.postMessage(
-        {
-          type: MessageType.UPDATE_NOTIFIED,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to notify update for process: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleValidateState = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.VALIDATE_STATE) return;
-
-    if (!services.isPaired()) {
-      const errorMsg = 'Device not paired';
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-      return;
-    }
-
-    try {
-      const { processId, stateId, accessToken } = event.data;
-
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      const res = await services.approveChange(processId, stateId);
-      await services.handleApiReturn(res);
-
-      window.parent.postMessage(
-        {
-          type: MessageType.STATE_VALIDATED,
-          validatedProcess: res.updated_process,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to validate process: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleUpdateProcess = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.UPDATE_PROCESS) return;
-
-    if (!services.isPaired()) {
-      const errorMsg = 'Device not paired';
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-
-    try {
-      // privateFields is only used if newData contains new fields
-      // roles can be empty meaning that roles from the last commited state are kept
-      const { processId, newData, privateFields, roles, accessToken } = event.data;
-
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      // Check if the new data is already in the process or if it's a new field
-      const process = await services.getProcess(processId);
-      if (!process) {
-        throw new Error('Process not found');
-      }
-      let lastState = services.getLastCommitedState(process);
-      if (!lastState) {
-        const firstState = process.states[0];
-        const roles = firstState.roles;
-        if (services.rolesContainsUs(roles)) {
-          const approveChangeRes= await services.approveChange(processId, firstState.state_id);
-          await services.handleApiReturn(approveChangeRes);
-          const prdUpdateRes = await services.createPrdUpdate(processId, firstState.state_id);
-          await services.handleApiReturn(prdUpdateRes);
-        } else {
-          if (firstState.validation_tokens.length > 0) {
-            // Try to send it again anyway
-            const res = await services.createPrdUpdate(processId, firstState.state_id);
-            await services.handleApiReturn(res);
-          }
-        }
-        // Wait a couple seconds
-        await new Promise(resolve => setTimeout(resolve, 2000));
-        lastState = services.getLastCommitedState(process);
-        if (!lastState) {
-          throw new Error('Process doesn\'t have a commited state yet');
-        }
-      }
-      const lastStateIndex = services.getLastCommitedStateIndex(process);
-      if (lastStateIndex === null) {
-        throw new Error('Process doesn\'t have a commited state yet');
-      } // Shouldn't happen
-
-      const privateData: Record<string, any> = {};
-      const publicData: Record<string, any> = {};
-
-      for (const field of Object.keys(newData)) {
-        // Public data are carried along each new state
-        // So the first thing we can do is check if the new data is public data
-        if (lastState.public_data[field]) {
-          // Add it to public data
-          publicData[field] = newData[field];
-          continue;
-        }
-
-        // If it's not a public data, it may be either a private data update, or a new field (public of private)
-        // Caller gave us a list of new private fields, if we see it here this is a new private field
-        if (privateFields.includes(field)) {
-          // Add it to private data
-          privateData[field] = newData[field];
-          continue;
-        }
-
-        // Now it can be an update of private data or a new public data
-        // We check that the field exists in previous states private data
-        for (let i = lastStateIndex; i >= 0; i--) {
-          const state = process.states[i];
-          if (state.pcd_commitment[field]) {
-            // We don't even check if it's a public field, we would have seen it in the last state
-            privateData[field] = newData[field];
-            break;
-          } else {
-            // This attribute was not modified in that state, we go back to the previous state
-            continue;
-          }
-        }
-
-        if (privateData[field]) continue;
-
-        // We've get back all the way to the first state without seeing it, it's a new public field
-        publicData[field] = newData[field];
-      }
-
-      // We'll let the wasm check if roles are consistent
-
-      const res = await services.updateProcess(process, privateData, publicData, roles);
-      await services.handleApiReturn(res);
-
-      window.parent.postMessage(
-        {
-          type: MessageType.PROCESS_UPDATED,
-          updatedProcess: res.updated_process,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to update process: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleDecodePublicData = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.DECODE_PUBLIC_DATA) return;
-
-    if (!services.isPaired()) {
-      const errorMsg = 'Device not paired';
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-      return;
-    }
-
-    try {
-      const { accessToken, encodedData } = event.data;
-
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      const decodedData = services.decodeValue(encodedData);
-
-      window.parent.postMessage(
-        {
-          type: MessageType.PUBLIC_DATA_DECODED,
-          decodedData,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to decode data: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleHashValue = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.HASH_VALUE) return;
-
-    console.log('handleHashValue', event.data);
-
-    try {
-      const { accessToken, commitedIn, label, fileBlob } = event.data;
-
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      const hash = services.getHashForFile(commitedIn, label, fileBlob);
-
-      window.parent.postMessage(
-        {
-          type: MessageType.VALUE_HASHED,
-          hash,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to hash value: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleGetMerkleProof = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.GET_MERKLE_PROOF) return;
-
-    try {
-      const { accessToken, processState, attributeName } = event.data;
-
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      const proof = services.getMerkleProofForFile(processState, attributeName);
-
-      window.parent.postMessage(
-        {
-          type: MessageType.MERKLE_PROOF_RETRIEVED,
-          proof,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to get merkle proof: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  const handleValidateMerkleProof = async (event: MessageEvent) => {
-    if (event.data.type !== MessageType.VALIDATE_MERKLE_PROOF) return;
-
-    try {
-      const { accessToken, merkleProof, documentHash } = event.data;
-
-      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
-        throw new Error('Invalid or expired session token');
-      }
-
-      // Try to parse the proof
-      // We will validate it's a MerkleProofResult in the wasm
-      let parsedMerkleProof: MerkleProofResult;
-      try {
-        parsedMerkleProof= JSON.parse(merkleProof);
-      } catch (e) {
-        throw new Error('Provided merkleProof is not a valid json object');
-      }
-
-      const res = services.validateMerkleProof(parsedMerkleProof, documentHash);
-
-      window.parent.postMessage(
-        {
-          type: MessageType.MERKLE_PROOF_VALIDATED,
-          isValid: res,
-          messageId: event.data.messageId
-        },
-        event.origin
-      );
-    } catch (e) {
-      const errorMsg = `Failed to get merkle proof: ${e}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  window.removeEventListener('message', handleMessage);
-  window.addEventListener('message', handleMessage);
-
-  async function handleMessage(event: MessageEvent) {
-    try {
-      switch (event.data.type) {
-        case MessageType.REQUEST_LINK:
-          await handleRequestLink(event);
-          break;
-        case MessageType.CREATE_PAIRING:
-          await handleCreatePairing(event);
-          break;
-        case MessageType.GET_MY_PROCESSES:
-          await handleGetMyProcesses(event);
-          break;
-        case MessageType.GET_PROCESSES:
-          await handleGetProcesses(event);
-          break;
-        case MessageType.RETRIEVE_DATA:
-          await handleDecryptState(event);
-          break;
-        case MessageType.VALIDATE_TOKEN:
-          await handleValidateToken(event);
-          break;
-        case MessageType.RENEW_TOKEN:
-          await handleRenewToken(event);
-          break;
-        case MessageType.GET_PAIRING_ID:
-          await handleGetPairingId(event);
-          break;
-        case MessageType.CREATE_PROCESS:
-          await handleCreateProcess(event);
-          break;
-        case MessageType.CREATE_CONVERSATION:
-          console.warn('CREATE_CONVERSATION functionality has been removed');
-          break;
-        case MessageType.NOTIFY_UPDATE:
-          await handleNotifyUpdate(event);
-          break;
-        case MessageType.VALIDATE_STATE:
-          await handleValidateState(event);
-          break;
-        case MessageType.UPDATE_PROCESS:
-          await handleUpdateProcess(event);
-          break;
-        case MessageType.DECODE_PUBLIC_DATA:
-          await handleDecodePublicData(event);
-          break;
-        case MessageType.HASH_VALUE:
-          await handleHashValue(event);
-          break;
-        case MessageType.GET_MERKLE_PROOF:
-          await handleGetMerkleProof(event);
-          break;
-        case MessageType.VALIDATE_MERKLE_PROOF:
-          await handleValidateMerkleProof(event);
-          break;
-        default:
-          console.warn(`Unhandled message type: ${event.data.type}`);
-      }
-    } catch (error) {
-      const errorMsg = `Error handling message: ${error}`;
-      errorResponse(errorMsg, event.origin, event.data.messageId);
-    }
-  }
-
-  window.parent.postMessage(
-    {
-      type: MessageType.LISTENING
-    },
-    '*'
-  );
-}
-
-async function cleanPage() {
-  const container = document.querySelector('#containerId');
-  if (container) container.innerHTML = '';
-}
-
-async function injectHeader() {
-  const headerContainer = document.getElementById('header-container');
-  if (headerContainer) {
-    const headerHtml = await fetch('/src/components/header/header.html').then((res) => res.text());
-    headerContainer.innerHTML = headerHtml;
-
-    const script = document.createElement('script');
-    script.src = '/src/components/header/header.ts';
-    script.type = 'module';
-    document.head.appendChild(script);
-    initHeader();
-  }
-}
-
-(window as any).navigate = navigate;
-
-// Global function to delete account
-(window as any).deleteAccount = async () => {
-  if (confirm('⚠️ Êtes-vous sûr de vouloir supprimer complètement votre compte ?\n\nCette action est IRRÉVERSIBLE et supprimera :\n• Tous vos processus\n• Toutes vos données\n• Votre wallet\n• Votre historique\n\nTapez "SUPPRIMER" pour confirmer.')) {
-    const confirmation = prompt('Tapez "SUPPRIMER" pour confirmer la suppression :');
-    if (confirmation === 'SUPPRIMER') {
-      try {
-        const services = await Services.getInstance();
-        await services.deleteAccount();
-
-        // Show success message
-        alert('✅ Compte supprimé avec succès !\n\nLa page va se recharger pour redémarrer l\'application.');
-
-        // Reload the page to restart the application
-        window.location.reload();
-      } catch (error) {
-        console.error('❌ Erreur lors de la suppression du compte:', error);
-        alert('❌ Erreur lors de la suppression du compte. Veuillez réessayer.');
-      }
-    } else {
-      alert('❌ Suppression annulée. Le texte de confirmation ne correspond pas.');
-    }
-  }
-};
-
-document.addEventListener('navigate', ((e: Event) => {
-  const event = e as CustomEvent<{page: string, processId?: string}>;
-  if (event.detail.page === 'chat') {
-    const container = document.querySelector('.container');
-    if (container) container.innerHTML = '';
-
-    //initChat();
-
-    const chatElement = document.querySelector('chat-element');
-    if (chatElement) {
-      chatElement.setAttribute('process-id', event.detail.processId || '');
-    }
-  }
-}));
+import '../public/style/4nk.css';
+import { initHeader } from '../src/components/header/header';
+/*import { initChat } from '../src/pages/chat/chat';*/
+import Database from './services/database.service';
+import Services from './services/service';
+import TokenService from './services/token';
+import { cleanSubscriptions } from './utils/subscription.utils';
+import { LoginComponent } from './pages/home/home-component';
+import { prepareAndSendPairingTx } from './utils/sp-address.utils';
+import ModalService from './services/modal.service';
+import { MessageType } from './models/process.model';
+import { splitPrivateData, isValid32ByteHex } from './utils/service.utils';
+import { MerkleProofResult } from 'pkg/sdk_client';
+
+const routes: { [key: string]: string } = {
+  home: '/src/pages/home/home.html',
+  'process-element': '/src/pages/process-element/process-element.html',
+  account: '/src/pages/account/account.html',
+  chat: '/src/pages/chat/chat.html',
+  signature: '/src/pages/signature/signature.html',
+};
+
+export let currentRoute = '';
+
+export async function navigate(path: string) {
+  cleanSubscriptions();
+  cleanPage();
+  path = path.replace(/^\//, '');
+  if (path.includes('/')) {
+    const parsedPath = path.split('/')[0];
+    if (!routes[parsedPath]) {
+      path = 'home';
+    }
+  }
+
+  await handleLocation(path);
+}
+
+async function handleLocation(path: string) {
+  const parsedPath = path.split('/');
+  if (path.includes('/')) {
+    path = parsedPath[0];
+  }
+  currentRoute = path;
+  const routeHtml = routes[path] || routes['home'];
+
+  const content = document.getElementById('containerId');
+  if (content) {
+    if (path === 'home') {
+      const login = LoginComponent;
+      const container = document.querySelector('#containerId');
+      const accountComponent = document.createElement('login-4nk-component');
+      accountComponent.setAttribute('style', 'width: 100vw; height: 100vh; position: relative; grid-row: 2;');
+      if (container) container.appendChild(accountComponent);
+    } else {
+      const html = await fetch(routeHtml).then((data) => data.text());
+      content.innerHTML = html;
+    }
+
+    await new Promise(requestAnimationFrame);
+
+    // Don't inject header for account page (it has its own design)
+    if (path !== 'account') {
+      injectHeader();
+    }
+
+    // const modalService = await ModalService.getInstance()
+    // modalService.injectValidationModal()
+    switch (path) {
+      case 'process':
+        // Process functionality removed - redirect to account
+        console.warn('Process functionality has been removed, redirecting to account');
+        await navigate('account');
+        break;
+
+      case 'process-element':
+        // Process element functionality removed
+        console.warn('Process element functionality has been removed');
+        break;
+
+      case 'account':
+        // Account page now uses device-management component directly
+        break;
+
+      /*case 'chat':
+        const { ChatComponent } = await import('./pages/chat/chat-component');
+        const chatContainer = document.querySelector('.group-list');
+        if (chatContainer) {
+          if (!customElements.get('chat-component')) {
+            customElements.define('chat-component', ChatComponent);
+          }
+          const chatComponent = document.createElement('chat-component');
+          chatContainer.appendChild(chatComponent);
+        }
+        break;*/
+
+      case 'signature':
+        // Signature functionality removed
+        console.warn('Signature functionality has been removed');
+        break;
+    }
+  }
+}
+
+window.onpopstate = async () => {
+  const services = await Services.getInstance();
+  if (!services.isPaired()) {
+    handleLocation('home');
+  } else {
+    handleLocation('process');
+  }
+};
+
+export async function init(): Promise<void> {
+  try {
+    const services = await Services.getInstance();
+    (window as any).myService = services;
+    const db = await Database.getInstance();
+    db.registerServiceWorker('/src/service-workers/database.worker.js');
+    const device = await services.getDeviceFromDatabase();
+    console.log('🚀 ~ setTimeout ~ device:', device);
+
+    if (!device) {
+      // No wallet exists, create new account
+      console.log('🔍 No existing wallet found, creating new account...');
+      await services.createNewDevice();
+    } else {
+      // Wallet exists, restore it and check pairing
+      console.log('🔍 Existing wallet found, restoring account...');
+      services.restoreDevice(device);
+
+      // Check if device is paired
+      const isPaired = device.pairing_process_commitment !== null && device.pairing_process_commitment !== '';
+      console.log('🔍 Device pairing status:', isPaired ? 'Paired' : 'Not paired');
+
+      if (isPaired) {
+        // Device is paired, redirect to account page
+        console.log('✅ Device is paired, redirecting to account page...');
+        setTimeout(() => {
+          navigate('account');
+        }, 1000);
+      } else {
+        // Device exists but not paired, redirect to home for pairing
+        console.log('⚠️ Device exists but not paired, redirecting to home for pairing...');
+        setTimeout(() => {
+          navigate('home');
+        }, 1000);
+      }
+    }
+
+    // If we create a new device, we most probably don't have anything in db, but just in case
+    // Ces opérations doivent être séquentielles car elles dépendent les unes des autres
+    await services.restoreProcessesFromDB();
+    await services.restoreSecretsFromDB();
+    await services.connectAllRelays();
+
+    // We register all the event listeners if we run in an iframe
+    if (window.self !== window.top) {
+      await registerAllListeners();
+    }
+
+    if (services.isPaired()) {
+      await navigate('account');
+    } else {
+      await navigate('home');
+    }
+  } catch (error) {
+    console.error(error);
+    await navigate('home');
+  }
+}
+
+export async function registerAllListeners() {
+  const services = await Services.getInstance();
+  const tokenService = await TokenService.getInstance();
+
+  const errorResponse = (errorMsg: string, origin: string, messageId?: string) => {
+    window.parent.postMessage(
+      {
+        type: MessageType.ERROR,
+        error: errorMsg,
+        messageId
+      },
+      origin
+    );
+  }
+
+  // --- Handler functions ---
+  const handleRequestLink = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.REQUEST_LINK) {
+      return;
+    }
+    const modalService = await ModalService.getInstance();
+    const result = await modalService.showConfirmationModal({
+      title: 'Confirmation de liaison',
+      content: `
+        <div class="modal-confirmation">
+          <h3>Liaison avec ${event.origin}</h3>
+          <p>Vous êtes sur le point de lier l'identité numérique de la clé securisée propre à votre appareil avec ${event.origin}.</p>
+          <p>Cette action permettra à ${event.origin} d'intéragir avec votre appareil.</p>
+          <p>Voulez-vous continuer ?</p>
+        </div>
+      `,
+      confirmText: 'Ajouter un service',
+      cancelText: 'Annuler'
+    }, true);
+
+    if (!result) {
+      const errorMsg = 'Failed to pair device: User refused to link';
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+
+    try {
+      const tokens = await tokenService.generateSessionToken(event.origin);
+      const acceptedMsg = {
+        type: MessageType.LINK_ACCEPTED,
+        accessToken: tokens.accessToken,
+        refreshToken: tokens.refreshToken,
+        messageId: event.data.messageId
+      };
+      window.parent.postMessage(
+        acceptedMsg,
+        event.origin
+      );
+    } catch (error) {
+      const errorMsg = `Failed to generate tokens: ${error}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleCreatePairing = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.CREATE_PAIRING) {
+      return;
+    }
+
+    console.log("📨 [Router] Received CREATE_PAIRING request");
+
+    if (services.isPaired()) {
+      const errorMsg = "⚠️ Device already paired — ignoring CREATE_PAIRING request";
+      console.warn(errorMsg);
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+      return;
+    }
+
+    try {
+      const { accessToken } = event.data;
+
+      console.log("🔐 Checking access token validity...");
+      const validToken = accessToken && (await tokenService.validateToken(accessToken, event.origin));
+
+      if (!validToken) {
+        throw new Error("❌ Invalid or expired session token");
+      }
+
+      console.log("✅ Token validated successfully");
+      console.log("🚀 Starting pairing process");
+
+      const myAddress = services.getDeviceAddress();
+      console.log("📍 Device address:", myAddress);
+
+      console.log("🧱 Creating pairing process...");
+      const createPairingProcessReturn = await services.createPairingProcess("", [myAddress]);
+      console.log("🧾 Pairing process created:", createPairingProcessReturn);
+
+      const pairingId = createPairingProcessReturn.updated_process?.process_id;
+      const stateId = createPairingProcessReturn.updated_process?.current_process?.states[0]?.state_id as string;
+
+      console.log("🔗 Pairing ID:", pairingId);
+      console.log("🧩 State ID:", stateId);
+
+      console.log("🔒 Registering device as paired...");
+      services.pairDevice(pairingId, [myAddress]);
+
+      console.log("🧠 Handling API return for createPairingProcess...");
+      await services.handleApiReturn(createPairingProcessReturn);
+
+      console.log("🔍 DEBUG: About to create PRD update...");
+      console.log("🧰 Creating PRD update...");
+      const createPrdUpdateReturn = await services.createPrdUpdate(pairingId, stateId);
+      console.log("🧾 PRD update result:", createPrdUpdateReturn);
+      await services.handleApiReturn(createPrdUpdateReturn);
+      console.log("✅ DEBUG: PRD update completed successfully!");
+
+      console.log("🔍 DEBUG: About to approve change...");
+      console.log("✅ Approving change...");
+      const approveChangeReturn = await services.approveChange(pairingId, stateId);
+      console.log("📜 Approve change result:", approveChangeReturn);
+      await services.handleApiReturn(approveChangeReturn);
+      console.log("✅ DEBUG: approveChange completed successfully!");
+
+      console.log("🔍 DEBUG: approveChange completed, about to call waitForPairingCommitment...");
+      console.log("⏳ Waiting for pairing process to be committed...");
+      await services.waitForPairingCommitment(pairingId);
+      console.log("✅ DEBUG: waitForPairingCommitment completed successfully!");
+
+      console.log("🔍 DEBUG: About to call confirmPairing...");
+      console.log("🔁 Confirming pairing...");
+      await services.confirmPairing(pairingId);
+      console.log("✅ DEBUG: confirmPairing completed successfully!");
+
+      console.log("🎉 Pairing successfully completed!");
+
+      // ✅ Send success response to frontend
+      const successMsg = {
+        type: MessageType.PAIRING_CREATED,
+        pairingId,
+        messageId: event.data.messageId
+      };
+      console.log("📤 Sending PAIRING_CREATED message to UI:", successMsg);
+      window.parent.postMessage(successMsg, event.origin);
+
+    } catch (e) {
+      const errorMsg = `❌ Failed to create pairing process: ${e}`;
+      console.error(errorMsg);
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  };
+
+  const handleGetMyProcesses = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.GET_MY_PROCESSES) {
+      return;
+    }
+
+    if (!services.isPaired()) {
+      const errorMsg = 'Device not paired';
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+      return;
+    }
+
+    try {
+      const { accessToken } = event.data;
+
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      const myProcesses = await services.getMyProcesses();
+
+      window.parent.postMessage(
+        {
+          type: MessageType.GET_MY_PROCESSES,
+          myProcesses,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to get processes: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleGetProcesses = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.GET_PROCESSES) {
+      return;
+    }
+
+    const tokenService = await TokenService.getInstance();
+
+    if (!services.isPaired()) {
+      const errorMsg = 'Device not paired';
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+      return;
+    }
+
+    try {
+      const { accessToken } = event.data;
+
+      // Validate the session token
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      const processes = await services.getProcesses();
+
+      window.parent.postMessage(
+        {
+          type: MessageType.PROCESSES_RETRIEVED,
+          processes,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to get processes: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  /// We got a state for some process and return as many clear attributes as we can
+  const handleDecryptState = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.RETRIEVE_DATA) {
+      return;
+    }
+    const tokenService = await TokenService.getInstance();
+
+    if (!services.isPaired()) {
+      const errorMsg = 'Device not paired';
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+      return;
+    }
+
+    try {
+      const { processId, stateId, accessToken } = event.data;
+
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      // Retrieve the state for the process
+      const process = await services.getProcess(processId);
+      if (!process) {
+        throw new Error('Can\'t find process');
+      }
+      const state = services.getStateFromId(process, stateId);
+
+      await services.checkConnections(process, stateId);
+
+      let res: Record<string, any> = {};
+      if (state) {
+        // Decrypt all the data we have the key for
+        for (const attribute of Object.keys(state.pcd_commitment)) {
+          if (attribute === 'roles' || state.public_data[attribute]) {
+            continue;
+          }
+          const decryptedAttribute = await services.decryptAttribute(processId, state, attribute);
+          if (decryptedAttribute) {
+            res[attribute] = decryptedAttribute;
+          }
+        }
+      } else {
+        throw new Error('Unknown state for process', processId);
+      }
+
+      window.parent.postMessage(
+        {
+          type: MessageType.DATA_RETRIEVED,
+          data: res,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to retrieve data: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleValidateToken = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.VALIDATE_TOKEN) {
+      return;
+    }
+
+    const accessToken = event.data.accessToken;
+    const refreshToken = event.data.refreshToken;
+    if (!accessToken || !refreshToken) {
+      errorResponse('Failed to validate token: missing access, refresh token or both', event.origin, event.data.messageId);
+    }
+
+    const isValid = await tokenService.validateToken(accessToken, event.origin);
+
+    window.parent.postMessage(
+      {
+        type: MessageType.VALIDATE_TOKEN,
+        accessToken: accessToken,
+        refreshToken: refreshToken,
+        isValid: isValid,
+        messageId: event.data.messageId
+      },
+      event.origin
+    );
+  };
+
+  const handleRenewToken = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.RENEW_TOKEN) {
+      return;
+    }
+
+    try {
+      const refreshToken = event.data.refreshToken;
+
+      if (!refreshToken) {
+        throw new Error('No refresh token provided');
+      }
+
+      const newAccessToken = await tokenService.refreshAccessToken(refreshToken, event.origin);
+
+      if (!newAccessToken) {
+        throw new Error('Failed to refresh token');
+      }
+
+      window.parent.postMessage(
+        {
+          type: MessageType.RENEW_TOKEN,
+          accessToken: newAccessToken,
+          refreshToken: refreshToken,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (error) {
+      const errorMsg = `Failed to renew token: ${error}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleGetPairingId = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.GET_PAIRING_ID) return;
+
+    if (!services.isPaired()) {
+      const errorMsg = 'Device not paired';
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+      return;
+    }
+
+    try {
+      const { accessToken } = event.data;
+
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      const userPairingId = services.getPairingProcessId();
+
+      window.parent.postMessage(
+        {
+          type: MessageType.GET_PAIRING_ID,
+          userPairingId,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to get pairing id: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleCreateProcess = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.CREATE_PROCESS) return;
+
+    if (!services.isPaired()) {
+      const errorMsg = 'Device not paired';
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+      return;
+    }
+
+    try {
+      const { processData, privateFields, roles, accessToken } = event.data;
+
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      const { privateData, publicData } = splitPrivateData(processData, privateFields);
+
+      const createProcessReturn = await services.createProcess(privateData, publicData, roles);
+      if (!createProcessReturn.updated_process) {
+        throw new Error('Empty updated_process in createProcessReturn');
+      }
+      const processId = createProcessReturn.updated_process.process_id;
+      const process = createProcessReturn.updated_process.current_process;
+      const stateId = process.states[0].state_id;
+      await services.handleApiReturn(createProcessReturn);
+
+      const res = {
+        processId,
+        process,
+        processData,
+      }
+
+      window.parent.postMessage(
+        {
+          type: MessageType.PROCESS_CREATED,
+          processCreated: res,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to create process: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleNotifyUpdate = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.NOTIFY_UPDATE) return;
+
+    if (!services.isPaired()) {
+      const errorMsg = 'Device not paired';
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+      return;
+    }
+
+    try {
+      const { processId, stateId, accessToken } = event.data;
+
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      if (!isValid32ByteHex(stateId)) {
+        throw new Error('Invalid state id');
+      }
+
+      const res = await services.createPrdUpdate(processId, stateId);
+      await services.handleApiReturn(res);
+
+      window.parent.postMessage(
+        {
+          type: MessageType.UPDATE_NOTIFIED,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to notify update for process: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleValidateState = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.VALIDATE_STATE) return;
+
+    if (!services.isPaired()) {
+      const errorMsg = 'Device not paired';
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+      return;
+    }
+
+    try {
+      const { processId, stateId, accessToken } = event.data;
+
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      const res = await services.approveChange(processId, stateId);
+      await services.handleApiReturn(res);
+
+      window.parent.postMessage(
+        {
+          type: MessageType.STATE_VALIDATED,
+          validatedProcess: res.updated_process,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to validate process: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleUpdateProcess = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.UPDATE_PROCESS) return;
+
+    if (!services.isPaired()) {
+      const errorMsg = 'Device not paired';
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+
+    try {
+      // privateFields is only used if newData contains new fields
+      // roles can be empty meaning that roles from the last commited state are kept
+      const { processId, newData, privateFields, roles, accessToken } = event.data;
+
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      // Check if the new data is already in the process or if it's a new field
+      const process = await services.getProcess(processId);
+      if (!process) {
+        throw new Error('Process not found');
+      }
+      let lastState = services.getLastCommitedState(process);
+      if (!lastState) {
+        const firstState = process.states[0];
+        const roles = firstState.roles;
+        if (services.rolesContainsUs(roles)) {
+          const approveChangeRes= await services.approveChange(processId, firstState.state_id);
+          await services.handleApiReturn(approveChangeRes);
+          const prdUpdateRes = await services.createPrdUpdate(processId, firstState.state_id);
+          await services.handleApiReturn(prdUpdateRes);
+        } else {
+          if (firstState.validation_tokens.length > 0) {
+            // Try to send it again anyway
+            const res = await services.createPrdUpdate(processId, firstState.state_id);
+            await services.handleApiReturn(res);
+          }
+        }
+        // Wait a couple seconds
+        await new Promise(resolve => setTimeout(resolve, 2000));
+        lastState = services.getLastCommitedState(process);
+        if (!lastState) {
+          throw new Error('Process doesn\'t have a commited state yet');
+        }
+      }
+      const lastStateIndex = services.getLastCommitedStateIndex(process);
+      if (lastStateIndex === null) {
+        throw new Error('Process doesn\'t have a commited state yet');
+      } // Shouldn't happen
+
+      const privateData: Record<string, any> = {};
+      const publicData: Record<string, any> = {};
+
+      for (const field of Object.keys(newData)) {
+        // Public data are carried along each new state
+        // So the first thing we can do is check if the new data is public data
+        if (lastState.public_data[field]) {
+          // Add it to public data
+          publicData[field] = newData[field];
+          continue;
+        }
+
+        // If it's not a public data, it may be either a private data update, or a new field (public of private)
+        // Caller gave us a list of new private fields, if we see it here this is a new private field
+        if (privateFields.includes(field)) {
+          // Add it to private data
+          privateData[field] = newData[field];
+          continue;
+        }
+
+        // Now it can be an update of private data or a new public data
+        // We check that the field exists in previous states private data
+        for (let i = lastStateIndex; i >= 0; i--) {
+          const state = process.states[i];
+          if (state.pcd_commitment[field]) {
+            // We don't even check if it's a public field, we would have seen it in the last state
+            privateData[field] = newData[field];
+            break;
+          } else {
+            // This attribute was not modified in that state, we go back to the previous state
+            continue;
+          }
+        }
+
+        if (privateData[field]) continue;
+
+        // We've get back all the way to the first state without seeing it, it's a new public field
+        publicData[field] = newData[field];
+      }
+
+      // We'll let the wasm check if roles are consistent
+
+      const res = await services.updateProcess(process, privateData, publicData, roles);
+      await services.handleApiReturn(res);
+
+      window.parent.postMessage(
+        {
+          type: MessageType.PROCESS_UPDATED,
+          updatedProcess: res.updated_process,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to update process: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleDecodePublicData = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.DECODE_PUBLIC_DATA) return;
+
+    if (!services.isPaired()) {
+      const errorMsg = 'Device not paired';
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+      return;
+    }
+
+    try {
+      const { accessToken, encodedData } = event.data;
+
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      const decodedData = services.decodeValue(encodedData);
+
+      window.parent.postMessage(
+        {
+          type: MessageType.PUBLIC_DATA_DECODED,
+          decodedData,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to decode data: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleHashValue = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.HASH_VALUE) return;
+
+    console.log('handleHashValue', event.data);
+
+    try {
+      const { accessToken, commitedIn, label, fileBlob } = event.data;
+
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      const hash = services.getHashForFile(commitedIn, label, fileBlob);
+
+      window.parent.postMessage(
+        {
+          type: MessageType.VALUE_HASHED,
+          hash,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to hash value: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleGetMerkleProof = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.GET_MERKLE_PROOF) return;
+
+    try {
+      const { accessToken, processState, attributeName } = event.data;
+
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      const proof = services.getMerkleProofForFile(processState, attributeName);
+
+      window.parent.postMessage(
+        {
+          type: MessageType.MERKLE_PROOF_RETRIEVED,
+          proof,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to get merkle proof: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  const handleValidateMerkleProof = async (event: MessageEvent) => {
+    if (event.data.type !== MessageType.VALIDATE_MERKLE_PROOF) return;
+
+    try {
+      const { accessToken, merkleProof, documentHash } = event.data;
+
+      if (!accessToken || !(await tokenService.validateToken(accessToken, event.origin))) {
+        throw new Error('Invalid or expired session token');
+      }
+
+      // Try to parse the proof
+      // We will validate it's a MerkleProofResult in the wasm
+      let parsedMerkleProof: MerkleProofResult;
+      try {
+        parsedMerkleProof= JSON.parse(merkleProof);
+      } catch (e) {
+        throw new Error('Provided merkleProof is not a valid json object');
+      }
+
+      const res = services.validateMerkleProof(parsedMerkleProof, documentHash);
+
+      window.parent.postMessage(
+        {
+          type: MessageType.MERKLE_PROOF_VALIDATED,
+          isValid: res,
+          messageId: event.data.messageId
+        },
+        event.origin
+      );
+    } catch (e) {
+      const errorMsg = `Failed to get merkle proof: ${e}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  window.removeEventListener('message', handleMessage);
+  window.addEventListener('message', handleMessage);
+
+  async function handleMessage(event: MessageEvent) {
+    try {
+      switch (event.data.type) {
+        case MessageType.REQUEST_LINK:
+          await handleRequestLink(event);
+          break;
+        case MessageType.CREATE_PAIRING:
+          await handleCreatePairing(event);
+          break;
+        case MessageType.GET_MY_PROCESSES:
+          await handleGetMyProcesses(event);
+          break;
+        case MessageType.GET_PROCESSES:
+          await handleGetProcesses(event);
+          break;
+        case MessageType.RETRIEVE_DATA:
+          await handleDecryptState(event);
+          break;
+        case MessageType.VALIDATE_TOKEN:
+          await handleValidateToken(event);
+          break;
+        case MessageType.RENEW_TOKEN:
+          await handleRenewToken(event);
+          break;
+        case MessageType.GET_PAIRING_ID:
+          await handleGetPairingId(event);
+          break;
+        case MessageType.CREATE_PROCESS:
+          await handleCreateProcess(event);
+          break;
+        case MessageType.CREATE_CONVERSATION:
+          console.warn('CREATE_CONVERSATION functionality has been removed');
+          break;
+        case MessageType.NOTIFY_UPDATE:
+          await handleNotifyUpdate(event);
+          break;
+        case MessageType.VALIDATE_STATE:
+          await handleValidateState(event);
+          break;
+        case MessageType.UPDATE_PROCESS:
+          await handleUpdateProcess(event);
+          break;
+        case MessageType.DECODE_PUBLIC_DATA:
+          await handleDecodePublicData(event);
+          break;
+        case MessageType.HASH_VALUE:
+          await handleHashValue(event);
+          break;
+        case MessageType.GET_MERKLE_PROOF:
+          await handleGetMerkleProof(event);
+          break;
+        case MessageType.VALIDATE_MERKLE_PROOF:
+          await handleValidateMerkleProof(event);
+          break;
+        default:
+          console.warn(`Unhandled message type: ${event.data.type}`);
+      }
+    } catch (error) {
+      const errorMsg = `Error handling message: ${error}`;
+      errorResponse(errorMsg, event.origin, event.data.messageId);
+    }
+  }
+
+  window.parent.postMessage(
+    {
+      type: MessageType.LISTENING
+    },
+    '*'
+  );
+}
+
+async function cleanPage() {
+  const container = document.querySelector('#containerId');
+  if (container) container.innerHTML = '';
+}
+
+async function injectHeader() {
+  const headerContainer = document.getElementById('header-container');
+  if (headerContainer) {
+    const headerHtml = await fetch('/src/components/header/header.html').then((res) => res.text());
+    headerContainer.innerHTML = headerHtml;
+
+    const script = document.createElement('script');
+    script.src = '/src/components/header/header.ts';
+    script.type = 'module';
+    document.head.appendChild(script);
+    initHeader();
+  }
+}
+
+(window as any).navigate = navigate;
+
+// Global function to delete account
+(window as any).deleteAccount = async () => {
+  if (confirm('⚠️ Êtes-vous sûr de vouloir supprimer complètement votre compte ?\n\nCette action est IRRÉVERSIBLE et supprimera :\n• Tous vos processus\n• Toutes vos données\n• Votre wallet\n• Votre historique\n\nTapez "SUPPRIMER" pour confirmer.')) {
+    const confirmation = prompt('Tapez "SUPPRIMER" pour confirmer la suppression :');
+    if (confirmation === 'SUPPRIMER') {
+      try {
+        const services = await Services.getInstance();
+        await services.deleteAccount();
+
+        // Show success message
+        alert('✅ Compte supprimé avec succès !\n\nLa page va se recharger pour redémarrer l\'application.');
+
+        // Reload the page to restart the application
+        window.location.reload();
+      } catch (error) {
+        console.error('❌ Erreur lors de la suppression du compte:', error);
+        alert('❌ Erreur lors de la suppression du compte. Veuillez réessayer.');
+      }
+    } else {
+      alert('❌ Suppression annulée. Le texte de confirmation ne correspond pas.');
+    }
+  }
+};
+
+document.addEventListener('navigate', ((e: Event) => {
+  const event = e as CustomEvent<{page: string, processId?: string}>;
+  if (event.detail.page === 'chat') {
+    const container = document.querySelector('.container');
+    if (container) container.innerHTML = '';
+
+    //initChat();
+
+    const chatElement = document.querySelector('chat-element');
+    if (chatElement) {
+      chatElement.setAttribute('process-id', event.detail.processId || '');
+    }
+  }
+}));
diff --git a/src/services/service.ts b/src/services/service.ts
index 2e116e8..f15693d 100755
--- a/src/services/service.ts
+++ b/src/services/service.ts
@@ -1,2109 +1,2128 @@
-import { INotification } from '~/models/notification.model';
-import { IProcess } from '~/models/process.model';
-import { initWebsocket, sendMessage } from '../websockets';
-import { ApiReturn, Device, HandshakeMessage, Member, MerkleProofResult, NewTxMessage, OutPointProcessMap, Process, ProcessState, RoleDefinition, SecretsStore, UserDiff } from '../../pkg/sdk_client';
-import ModalService from './modal.service';
-import Database from './database.service';
-import { navigate } from '../router';
-import { storeData, retrieveData, testData } from './storage.service';
-import { BackUp } from '~/models/backup.model';
-
-export const U32_MAX = 4294967295;
-
-const BASEURL = import.meta.env.VITE_BASEURL || `http://localhost`;
-const BOOTSTRAPURL = [import.meta.env.VITE_BOOTSTRAPURL || `${BASEURL}:8090`];
-const STORAGEURL = import.meta.env.VITE_STORAGEURL || `${BASEURL}:8081`;
-const BLINDBITURL = import.meta.env.VITE_BLINDBITURL || `${BASEURL}:8000`;
-const DEFAULTAMOUNT = 1000n;
-
-// Global loading spinner functions
-function showGlobalLoadingSpinner(message: string = 'Loading...') {
-  // Remove existing spinner if any
-  hideGlobalLoadingSpinner();
-
-  // Create spinner overlay
-  const overlay = document.createElement('div');
-  overlay.id = 'global-loading-overlay';
-  overlay.style.cssText = `
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, 0.8);
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    z-index: 9999;
-    backdrop-filter: blur(5px);
-  `;
-
-  // Create spinner content
-  const spinnerContent = document.createElement('div');
-  spinnerContent.style.cssText = `
-    background: rgba(255, 255, 255, 0.95);
-    border-radius: 12px;
-    padding: 40px;
-    text-align: center;
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
-    border: 1px solid rgba(255, 255, 255, 0.2);
-    max-width: 400px;
-    width: 90%;
-  `;
-
-  // Create spinner
-  const spinner = document.createElement('div');
-  spinner.style.cssText = `
-    width: 50px;
-    height: 50px;
-    border: 4px solid #f3f3f3;
-    border-top: 4px solid #3a506b;
-    border-radius: 50%;
-    animation: spin 1s linear infinite;
-    margin: 0 auto 20px auto;
-  `;
-
-  // Create message
-  const messageEl = document.createElement('div');
-  messageEl.textContent = message;
-  messageEl.style.cssText = `
-    font-size: 16px;
-    color: #3a506b;
-    font-weight: 500;
-    margin-bottom: 10px;
-  `;
-
-  // Create progress indicator
-  const progressEl = document.createElement('div');
-  progressEl.textContent = 'Please wait...';
-  progressEl.style.cssText = `
-    font-size: 14px;
-    color: #666;
-  `;
-
-  // Add CSS animation if not already present
-  if (!document.getElementById('global-spinner-styles')) {
-    const style = document.createElement('style');
-    style.id = 'global-spinner-styles';
-    style.textContent = `
-      @keyframes spin {
-        0% { transform: rotate(0deg); }
-        100% { transform: rotate(360deg); }
-      }
-    `;
-    document.head.appendChild(style);
-  }
-
-  // Assemble spinner
-  spinnerContent.appendChild(spinner);
-  spinnerContent.appendChild(messageEl);
-  spinnerContent.appendChild(progressEl);
-  overlay.appendChild(spinnerContent);
-
-  // Add to document
-  document.body.appendChild(overlay);
-}
-
-function hideGlobalLoadingSpinner() {
-  const overlay = document.getElementById('global-loading-overlay');
-  if (overlay) {
-    overlay.remove();
-  }
-}
-const EMPTY32BYTES = String('').padStart(64, '0');
-
-export default class Services {
-  private static initializing: Promise<Services> | null = null;
-  private static instance: Services;
-  private processId: string | null = null;
-  private stateId: string | null = null;
-  private sdkClient: any;
-  private processesCache: Record<string, Process> = {};
-  private myProcesses: Set<string> = new Set();
-  private notifications: any[] | null = null;
-  private subscriptions: { element: Element; event: string; eventHandler: string }[] = [];
-  private database: any;
-  private routingInstance!: ModalService;
-  private relayAddresses: { [wsurl: string]: string } = {};
-  private membersList: Record<string, Member> = {};
-  private currentBlockHeight: number = -1;
-  private relayReadyResolver: (() => void) | null = null;
-  private relayReadyPromise: Promise<void> | null = null;
-  // Private constructor to prevent direct instantiation from outside
-  private constructor() {}
-
-  // Method to access the singleton instance of Services
-  public static async getInstance(): Promise<Services> {
-    if (Services.instance) {
-      return Services.instance;
-    }
-
-    if (!Services.initializing) {
-      Services.initializing = (async () => {
-        const instance = new Services();
-        await instance.init();
-        instance.routingInstance = await ModalService.getInstance();
-        return instance;
-      })();
-    }
-
-    console.log('initializing services');
-
-    // Show global loading spinner during initialization
-    showGlobalLoadingSpinner('Initializing services...');
-
-    Services.instance = await Services.initializing;
-    Services.initializing = null; // Reset for potential future use
-
-    // Hide loading spinner after initialization
-    hideGlobalLoadingSpinner();
-
-    return Services.instance;
-  }
-
-  public async init(): Promise<void> {
-    this.notifications = this.getNotifications();
-    this.sdkClient = await import('../../pkg/sdk_client');
-    this.sdkClient.setup();
-    for (const wsurl of Object.values(BOOTSTRAPURL)) {
-      this.updateRelay(wsurl, '');
-    }
-  }
-
-  public setProcessId(processId: string | null) {
-    this.processId = processId;
-  }
-
-  public setStateId(stateId: string | null) {
-    this.stateId = stateId;
-  }
-
-  public getProcessId(): string | null {
-    return this.processId;
-  }
-
-  public getStateId(): string | null {
-    return this.stateId;
-  }
-
-  /**
-   * Calls `this.addWebsocketConnection` for each `wsurl` in relayAddresses.
-   * Waits for at least one handshake message before returning.
-   */
-  public async connectAllRelays(): Promise<void> {
-      const connectedUrls: string[] = [];
-
-      // Connect to all relays
-      for (const wsurl of Object.keys(this.relayAddresses)) {
-          try {
-              console.log(`Connecting to: ${wsurl}`);
-              await this.addWebsocketConnection(wsurl);
-              connectedUrls.push(wsurl);
-              console.log(`Successfully connected to: ${wsurl}`);
-          } catch (error) {
-              console.error(`Failed to connect to ${wsurl}:`, error);
-          }
-      }
-
-      // Wait for at least one handshake message if we have connections
-      if (connectedUrls.length > 0) {
-          await this.waitForHandshakeMessage();
-      }
-  }
-
-  private getRelayReadyPromise(): Promise<void> {
-    if (!this.relayReadyPromise) {
-      this.relayReadyPromise = new Promise<void>((resolve) => {
-        this.relayReadyResolver = resolve;
-      });
-    }
-    return this.relayReadyPromise;
-  }
-
-  private resolveRelayReady(): void {
-    if (this.relayReadyResolver) {
-      this.relayReadyResolver();
-      this.relayReadyResolver = null;
-      this.relayReadyPromise = null;
-    }
-  }
-
-  public async addWebsocketConnection(url: string): Promise<void> {
-    console.log('Opening new websocket connection');
-    await initWebsocket(url);
-  }
-
-  /**
-   * Add or update a key/value pair in relayAddresses.
-   * @param wsurl - The WebSocket URL (key).
-   * @param spAddress - The SP Address (value).
-   */
-  public updateRelay(url: string, spAddress: string) {
-    console.log(`✅ Updating relay ${url} with spAddress ${spAddress}`);
-    this.relayAddresses[url] = spAddress;
-  }
-
-  /**
-   * Retrieve the spAddress for a given wsurl.
-   * @param wsurl - The WebSocket URL to look up.
-   * @returns The SP Address if found, or undefined if not.
-   */
-  public getSpAddress(wsurl: string): string | undefined {
-      return this.relayAddresses[wsurl];
-  }
-
-  /**
-   * Get all key/value pairs from relayAddresses.
-   * @returns An array of objects containing wsurl and spAddress.
-   */
-  public getAllRelays(): { wsurl: string; spAddress: string }[] {
-      return Object.entries(this.relayAddresses).map(([wsurl, spAddress]) => ({
-          wsurl,
-          spAddress,
-      }));
-  }
-
-  /**
-   * Print all key/value pairs for debugging.
-   */
-  public printAllRelays(): void {
-      console.log("Current relay addresses:");
-      for (const [wsurl, spAddress] of Object.entries(this.relayAddresses)) {
-          console.log(`${wsurl} -> ${spAddress}`);
-      }
-  }
-
-  public isPaired(): boolean {
-    try {
-      return this.sdkClient.is_paired();
-    } catch (e) {
-      throw new Error(`isPaired ~ Error: ${e}`);
-    }
-  }
-
-  public async unpairDevice(): Promise<void> {
-    try {
-      this.sdkClient.unpair_device();
-      const newDevice = this.dumpDeviceFromMemory();
-      await this.saveDeviceInDatabase(newDevice);
-    } catch (e) {
-      throw new Error(`Failed to unpair device: ${e}`);
-    }
-  }
-
-  public async getSecretForAddress(address: string): Promise<string | null> {
-    const db = await Database.getInstance();
-    return await db.getObject('shared_secrets', address);
-  }
-
-  public async getAllSecrets(): Promise<SecretsStore> {
-    const db = await Database.getInstance();
-    const sharedSecrets = await db.dumpStore('shared_secrets');
-    const unconfirmedSecrets = await db.dumpStore('unconfirmed_secrets'); // keys are numeric values
-
-    const secretsStore = {
-      shared_secrets: sharedSecrets,
-      unconfirmed_secrets: Object.values(unconfirmedSecrets),
-    };
-
-    return secretsStore;
-  }
-
-  public async getAllDiffs(): Promise<Record<string, UserDiff>> {
-    const db = await Database.getInstance();
-    return await db.dumpStore('diffs');
-  }
-
-  public async getDiffByValue(value: string): Promise<UserDiff | null> {
-    const db = await Database.getInstance();
-    const store = 'diffs';
-    const res = await db.getObject(store, value);
-    return res;
-  }
-
-  private async getTokensFromFaucet(): Promise<void> {
-    try {
-      await this.ensureSufficientAmount();
-    } catch (e) {
-      console.error('Failed to get tokens from relay, check connection');
-      return;
-    }
-  }
-
-  // If we're updating a process, we must call that after update especially if roles are part of it
-  // We will take the roles from the last state, wheter it's commited or not
-  public async checkConnections(process: Process, stateId: string | null = null): Promise<void> {
-    if (process.states.length < 2) {
-      throw new Error('Process doesn\'t have any state yet');
-    }
-    let roles: Record<string, RoleDefinition> | null = null;
-    if (!stateId) {
-      roles = process.states[process.states.length - 2].roles;
-    } else {
-      roles = process.states.find(state => state.state_id === stateId)?.roles || null;
-    }
-    if (!roles) {
-      throw new Error('No roles found');
-    }
-    let members: Set<Member> = new Set();
-    for (const role of Object.values(roles!)) {
-      for (const member of role.members) {
-        // Check if we know the member that matches this id
-        const memberAddresses = this.getAddressesForMemberId(member);
-        if (memberAddresses && memberAddresses.length != 0) {
-          members.add({ sp_addresses: memberAddresses });
-        }
-      }
-    }
-
-    if (members.size === 0) {
-      // This must be a pairing process
-      // Check if we have a pairedAddresses in the public data
-      let publicData: Record<string, any> | null = null;
-      if (!stateId) {
-        publicData = process.states[process.states.length - 2]?.public_data;
-      } else {
-        publicData = process.states.find(state => state.state_id === stateId)?.public_data || null;
-      }
-
-      // If pairedAddresses is not in the current state, look in previous states
-      if (!publicData || !publicData['pairedAddresses']) {
-        // Look for pairedAddresses in previous states
-        for (let i = process.states.length - 1; i >= 0; i--) {
-          const state = process.states[i];
-          if (state.public_data && state.public_data['pairedAddresses']) {
-            publicData = state.public_data;
-            break;
-          }
-        }
-      }
-
-      if (!publicData || !publicData['pairedAddresses']) {
-        throw new Error('Not a pairing process');
-      }
-      const decodedAddresses = this.decodeValue(publicData['pairedAddresses']);
-      if (decodedAddresses.length === 0) {
-        throw new Error('Not a pairing process');
-      }
-      members.add({ sp_addresses: decodedAddresses });
-    }
-
-    // Ensure the amount is available before proceeding
-    await this.getTokensFromFaucet();
-    let unconnectedAddresses = new Set<string>();
-    const myAddress = this.getDeviceAddress();
-    for (const member of Array.from(members)) {
-      const sp_addresses = member.sp_addresses;
-      if (!sp_addresses || sp_addresses.length === 0) continue;
-      for (const address of sp_addresses) {
-        // For now, we ignore our own device address, although there might be use cases for having a secret with ourselves
-        if (address === myAddress) continue;
-        if (await this.getSecretForAddress(address) === null) {
-          unconnectedAddresses.add(address);
-        }
-      }
-    }
-    if (unconnectedAddresses && unconnectedAddresses.size != 0) {
-      const apiResult = await this.connectAddresses(Array.from(unconnectedAddresses));
-      await this.handleApiReturn(apiResult);
-    }
-  }
-
-  public async connectAddresses(addresses: string[]): Promise<ApiReturn> {
-    if (addresses.length === 0) {
-      throw new Error('Trying to connect to empty addresses list');
-    }
-
-    try {
-      return this.sdkClient.create_transaction(addresses, 1);
-    } catch (e) {
-      console.error('Failed to connect member:', e);
-      throw e;
-    }
-  }
-
-  private async ensureSufficientAmount(): Promise<void> {
-    const availableAmt = this.getAmount();
-    const target: BigInt = DEFAULTAMOUNT * BigInt(10);
-
-    if (availableAmt < target) {
-      const faucetMsg = this.createFaucetMessage();
-      this.sendFaucetMessage(faucetMsg);
-
-      await this.waitForAmount(target);
-    }
-  }
-
-  private async waitForAmount(target: BigInt): Promise<BigInt> {
-    let attempts = 3;
-
-    while (attempts > 0) {
-      const amount = this.getAmount();
-      if (amount >= target) {
-        return amount;
-      }
-
-      attempts--;
-      if (attempts > 0) {
-        await new Promise((resolve) => setTimeout(resolve, 1000)); // Wait for 1 second
-      }
-    }
-
-    throw new Error('Amount is still 0 after 3 attempts');
-  }
-
-  public async createPairingProcess(userName: string, pairWith: string[]): Promise<ApiReturn> {
-    if (this.sdkClient.is_paired()) {
-      throw new Error('Device already paired');
-    }
-    const myAddress: string = this.sdkClient.get_address();
-    pairWith.push(myAddress);
-    const privateData = {
-      description: 'pairing',
-      counter: 0,
-    };
-    const publicData = {
-      memberPublicName: userName,
-      pairedAddresses: pairWith,
-    };
-    const validation_fields: string[] = [...Object.keys(privateData), ...Object.keys(publicData), 'roles'];
-    const roles: Record<string, RoleDefinition> = {
-      pairing: {
-        members: [],
-        validation_rules: [
-          {
-            quorum: 1.0,
-            fields: validation_fields,
-            min_sig_member: 1.0,
-          },
-        ],
-        storages: [STORAGEURL]
-      },
-    };
-    try {
-      return this.createProcess(
-        privateData,
-        publicData,
-        roles
-      );
-    } catch (e) {
-      throw new Error(`Creating process failed:, ${e}`);
-    }
-  }
-
-  private isFileBlob(value: any): value is { type: string, data: Uint8Array } {
-    return (
-      typeof value === 'object' &&
-      value !== null &&
-      typeof value.type === 'string' &&
-      value.data instanceof Uint8Array
-    );
-  }
-
-  private splitData(obj: Record<string, any>) {
-    const jsonCompatibleData: Record<string, any> = {};
-    const binaryData: Record<string, { type: string; data: Uint8Array }> = {};
-
-    for (const [key, value] of Object.entries(obj)) {
-      if (this.isFileBlob(value)) {
-        binaryData[key] = value;
-      } else {
-        jsonCompatibleData[key] = value;
-      }
-    }
-
-    return { jsonCompatibleData, binaryData };
-  }
-
-  public async createProcess(
-    privateData: Record<string, any>,
-    publicData: Record<string, any>,
-    roles: Record<string, RoleDefinition>,
-  ): Promise<ApiReturn> {
-    let relayAddress = this.getAllRelays()[0]?.spAddress;
-
-    if (!relayAddress) {
-      console.log('⏳ Waiting for relays to be ready...');
-      await this.getRelayReadyPromise();
-      relayAddress = this.getAllRelays()[0]?.spAddress;
-    }
-
-    if (!relayAddress) {
-      throw new Error('❌ No relay address available after waiting');
-    }
-
-    const feeRate = 1;
-
-    // We can't encode files as the rest because Uint8Array is not valid json
-    // So we first take them apart and we will encode them separately and put them back in the right object
-    // TODO encoding of relatively large binaries (=> 1M) is a bit long now and blocking
-    const privateSplitData = this.splitData(privateData);
-    const publicSplitData = this.splitData(publicData);
-    const encodedPrivateData = {
-      ...this.sdkClient.encode_json(privateSplitData.jsonCompatibleData),
-      ...this.sdkClient.encode_binary(privateSplitData.binaryData)
-    };
-    const encodedPublicData = {
-      ...this.sdkClient.encode_json(publicSplitData.jsonCompatibleData),
-      ...this.sdkClient.encode_binary(publicSplitData.binaryData)
-    };
-
-    // console.log('encodedPrivateData:', encodedPrivateData);
-    // console.log('encodedPublicData:', encodedPublicData);
-    // console.log('roles:', roles);
-    // console.log('members:', this.getAllMembers());
-    // console.log('relayAddress:', relayAddress, 'feeRate:', feeRate);
-
-    await this.getTokensFromFaucet();
-    const result = this.sdkClient.create_new_process (
-        encodedPrivateData,
-        roles,
-        encodedPublicData,
-        relayAddress,
-        feeRate,
-        this.getAllMembers()
-    );
-
-    if (result.updated_process) {
-      console.log('created process:', result.updated_process);
-      await this.checkConnections(result.updated_process.current_process);
-      return(result);
-    } else {
-      throw new Error('Empty updated_process in createProcessReturn');
-    }
-  }
-
-  public async updateProcess(process: Process, privateData: Record<string, any>, publicData: Record<string, any>, roles: Record<string, RoleDefinition> | null): Promise<ApiReturn> {
-    // If roles is null, we just take the last commited state roles
-    if (!roles) {
-      roles = this.getRoles(process);
-    } else {
-      // We should check that we have the right to change the roles here, or maybe it's better leave it to the wasm
-      console.log('Provided new roles:', JSON.stringify(roles));
-    }
-    const privateSplitData = this.splitData(privateData);
-    const publicSplitData = this.splitData(publicData);
-    const encodedPrivateData = {
-      ...this.sdkClient.encode_json(privateSplitData.jsonCompatibleData),
-      ...this.sdkClient.encode_binary(privateSplitData.binaryData)
-    };
-    const encodedPublicData = {
-      ...this.sdkClient.encode_json(publicSplitData.jsonCompatibleData),
-      ...this.sdkClient.encode_binary(publicSplitData.binaryData)
-    };
-    try {
-      const result = this.sdkClient.update_process(process, encodedPrivateData, roles, encodedPublicData, this.getAllMembers());
-      if (result.updated_process) {
-        await this.checkConnections(result.updated_process.current_process);
-        return(result);
-      } else {
-        throw new Error('Empty updated_process in updateProcessReturn');
-      }
-    } catch (e) {
-      throw new Error(`Failed to update process: ${e}`);
-    }
-  }
-
-  public async createPrdUpdate(processId: string, stateId: string): Promise<ApiReturn> {
-    const process = await this.getProcess(processId);
-    if (!process) {
-      throw new Error('Unknown process');
-    } else {
-      await this.checkConnections(process);
-    }
-    try {
-      return this.sdkClient.create_update_message(process, stateId, this.getAllMembers());
-    } catch (e) {
-      throw new Error(`Failed to create prd update: ${e}`);
-    }
-  }
-
-  public async createPrdResponse(processId: string, stateId: string): Promise<ApiReturn> {
-    const process = await this.getProcess(processId);
-    if (!process) {
-      throw new Error('Unknown process');
-    }
-    try {
-      return this.sdkClient.create_response_prd(process, stateId, this.getAllMembers());
-    } catch (e) {
-      throw new Error(`Failed to create response prd: ${e}`);
-    }
-  }
-
-  public async approveChange(processId: string, stateId: string): Promise<ApiReturn> {
-    const process = await this.getProcess(processId);
-    if (!process) {
-      throw new Error('Failed to get process from db');
-    }
-    try {
-      const result = this.sdkClient.validate_state(process, stateId, this.getAllMembers());
-      if (result.updated_process) {
-        await this.checkConnections(result.updated_process.current_process);
-        return(result);
-      } else {
-        throw new Error('Empty updated_process in approveChangeReturn');
-      }
-    } catch (e) {
-      throw new Error(`Failed to create prd response: ${e}`);
-    }
-  }
-
-  public async rejectChange(processId: string, stateId: string): Promise<ApiReturn> {
-    const process = await this.getProcess(processId);
-    if (!process) {
-      throw new Error('Failed to get process from db');
-    }
-    try {
-      return this.sdkClient.refuse_state(process, stateId);
-    } catch (e) {
-      throw new Error(`Failed to create prd response: ${e}`);
-    }
-  }
-
-  async resetDevice() {
-    this.sdkClient.reset_device();
-
-    // Clear all stores
-    const db = await Database.getInstance();
-    await db.clearStore('wallet');
-    await db.clearStore('shared_secrets');
-    await db.clearStore('unconfirmed_secrets');
-    await db.clearStore('processes');
-    await db.clearStore('diffs');
-  }
-
-  sendNewTxMessage(message: string) {
-    sendMessage('NewTx', message);
-  }
-
-  sendCommitMessage(message: string) {
-    sendMessage('Commit', message);
-  }
-
-  sendCipherMessages(ciphers: string[]) {
-    for (let i = 0; i < ciphers.length; i++) {
-      const cipher = ciphers[i];
-      sendMessage('Cipher', cipher);
-    }
-  }
-
-  sendFaucetMessage(message: string): void {
-    sendMessage('Faucet', message);
-  }
-
-  async parseCipher(message: string) {
-    const membersList = this.getAllMembers();
-    const processes = await this.getProcesses();
-    try {
-      // console.log('parsing new cipher');
-      const apiReturn = this.sdkClient.parse_cipher(message, membersList, processes);
-      await this.handleApiReturn(apiReturn);
-
-      // Device 1 wait Device 2
-      const waitingModal = document.getElementById('waiting-modal');
-      if (waitingModal) {
-        this.device2Ready = true;
-      }
-
-    } catch (e) {
-      console.error(`Parsed cipher with error: ${e}`);
-    }
-    // await this.saveCipherTxToDb(parsedTx)
-  }
-
-  async parseNewTx(newTxMsg: string) {
-    const parsedMsg: NewTxMessage = JSON.parse(newTxMsg);
-    if (parsedMsg.error !== null) {
-      console.error('Received error in new tx message:', parsedMsg.error);
-      return;
-    }
-
-    const membersList = this.getAllMembers();
-    try {
-      // Does the transaction spend the tip of a process?
-      const prevouts = this.sdkClient.get_prevouts(parsedMsg.transaction);
-      console.log('prevouts:', prevouts);
-      for (const process of Object.values(this.processesCache)) {
-        const tip = process.states[process.states.length - 1].commited_in;
-        if (prevouts.includes(tip)) {
-          const processId = process.states[0].commited_in;
-          const newTip = this.sdkClient.get_txid(parsedMsg.transaction);
-          console.log('Transaction', newTip, 'spends the tip of process', processId);
-          // We take the data out of the output
-          const newStateId = this.sdkClient.get_opreturn(parsedMsg.transaction);
-          console.log('newStateId:', newStateId);
-          // We update the relevant process
-          const updatedProcess = this.sdkClient.process_commit_new_state(process, newStateId, newTip);
-          this.processesCache[processId] = updatedProcess;
-          console.log('updatedProcess:', updatedProcess);
-          break;
-        }
-      }
-    } catch (e) {
-      console.error('Failed to parse new tx for commitments:', e);
-    }
-
-    try {
-      const parsedTx = this.sdkClient.parse_new_tx(newTxMsg, 0, membersList);
-      if (parsedTx) {
-        try {
-          await this.handleApiReturn(parsedTx);
-          const newDevice = this.dumpDeviceFromMemory();
-          await this.saveDeviceInDatabase(newDevice);
-        } catch (e) {
-          console.error('Failed to update device with new tx');
-        }
-      }
-    } catch (e) {
-      console.debug(e);
-    }
-  }
-
-  public async handleApiReturn(apiReturn: ApiReturn) {
-    console.log(apiReturn);
-    if (apiReturn.partial_tx) {
-      try {
-        const res = this.sdkClient.sign_transaction(apiReturn.partial_tx);
-        apiReturn.new_tx_to_send = res.new_tx_to_send;
-      } catch (e) {
-        console.error('Failed to sign transaction:', e);
-      }
-    }
-
-    if (apiReturn.new_tx_to_send && apiReturn.new_tx_to_send.transaction.length != 0) {
-      this.sendNewTxMessage(JSON.stringify(apiReturn.new_tx_to_send));
-      await new Promise(r => setTimeout(r, 500));
-    }
-
-    if (apiReturn.secrets) {
-      const unconfirmedSecrets = apiReturn.secrets.unconfirmed_secrets;
-      const confirmedSecrets = apiReturn.secrets.shared_secrets;
-
-      const db = await Database.getInstance();
-      for (const secret of unconfirmedSecrets) {
-        await db.addObject({
-          storeName: 'unconfirmed_secrets',
-          object: secret,
-          key: null,
-        });
-      }
-      const entries = Object.entries(confirmedSecrets).map(([key, value]) => ({ key, value }));
-      for (const entry of entries) {
-        try {
-          await db.addObject({
-            storeName: 'shared_secrets',
-            object: entry.value,
-            key: entry.key,
-          });
-        } catch (e) {
-          throw e;
-        }
-
-        // We don't want to throw an error, it could simply be that we registered directly the shared secret
-        // this.removeUnconfirmedSecret(entry.value);
-      }
-    }
-
-    if (apiReturn.updated_process) {
-      const updatedProcess = apiReturn.updated_process;
-
-      const processId: string = updatedProcess.process_id;
-
-      if (updatedProcess.encrypted_data && Object.keys(updatedProcess.encrypted_data).length != 0) {
-        for (const [hash, cipher] of Object.entries(updatedProcess.encrypted_data)) {
-          const blob = this.hexToBlob(cipher);
-          try {
-            await this.saveBlobToDb(hash, blob);
-          } catch (e) {
-            console.error(e);
-          }
-        }
-      }
-
-      // Save process to db
-      await this.saveProcessToDb(processId, updatedProcess.current_process);
-
-      if (updatedProcess.diffs && updatedProcess.diffs.length != 0) {
-        try {
-          await this.saveDiffsToDb(updatedProcess.diffs);
-        } catch (e) {
-          console.error('Failed to save diffs to db:', e);
-        }
-      }
-    }
-
-    if (apiReturn.push_to_storage && apiReturn.push_to_storage.length != 0) {
-      for (const hash of apiReturn.push_to_storage) {
-        const blob = await this.getBlobFromDb(hash);
-        if (blob) {
-          // Get the storages from the diff data
-          const diff = await this.getDiffByValueFromDb(hash);
-          if (diff) {
-            const storages = diff.storages;
-            await this.saveDataToStorage(hash, storages, blob, null);
-          } else {
-            console.error('Failed to get diff from db for hash', hash);
-          }
-        } else {
-          console.error('Failed to get data from db for hash', hash);
-        }
-      }
-    }
-
-    if (apiReturn.commit_to_send) {
-      const commit = apiReturn.commit_to_send;
-      this.sendCommitMessage(JSON.stringify(commit));
-    }
-
-    if (apiReturn.ciphers_to_send && apiReturn.ciphers_to_send.length != 0) {
-      this.sendCipherMessages(apiReturn.ciphers_to_send);
-    }
-  }
-
-  public async openPairingConfirmationModal(processId: string) {
-    const process = await this.getProcess(processId);
-    if (!process) {
-      console.error('Failed to find pairing process');
-      return;
-    }
-    const firstState = process.states[0];
-    const roles = firstState.roles;
-    const stateId = firstState.state_id;
-    try {
-      await this.routingInstance.openPairingConfirmationModal(roles, processId, stateId);
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  public async waitForPairingCommitment(processId: string, maxRetries: number = 30, retryDelay: number = 2000): Promise<void> {
-    console.log(`🔍 DEBUG: waitForPairingCommitment called with processId: ${processId}`);
-    console.log(`⏳ Waiting for pairing process ${processId} to be committed and synchronized...`);
-    console.log(`🔄 This may take some time as we wait f  or SDK synchronization...`);
-
-    for (let i = 0; i < maxRetries; i++) {
-      try {
-        // Check device state directly without forcing updateDevice
-        const device = this.dumpDeviceFromMemory();
-        console.log(`🔍 Attempt ${i + 1}/${maxRetries}: pairing_process_commitment =`, device.pairing_process_commitment);
-
-        // Additional debugging: Check if we can get the pairing process ID
-        try {
-          const currentPairingId = this.sdkClient.get_pairing_process_id();
-          console.log(`🔍 Current pairing process ID from SDK: ${currentPairingId}`);
-        } catch (e) {
-          console.log(`⚠️ SDK pairing process ID not available yet: ${(e as Error).message}`);
-        }
-
-        // Try to force synchronization by requesting the process from peers
-        if (i % 3 === 0 && i > 0) {
-          try {
-            console.log(`🔄 Attempting to request process from peers...`);
-            await this.requestDataFromPeers(processId, [], []);
-            console.log(`✅ Process request sent to peers`);
-          } catch (e) {
-            console.log(`⚠️ Failed to request process from peers: ${(e as Error).message}`);
-          }
-        }
-
-        // For quorum=1, try to force process synchronization
-        if (i === 2) {
-          try {
-            console.log(`🔄 Forcing process synchronization for quorum=1 test...`);
-            // Force the SDK to recognize this as a pairing process
-            const process = await this.getProcess(processId);
-            if (process) {
-              console.log(`🔄 Process found, attempting to sync with SDK...`);
-              // Try to trigger SDK synchronization
-              await this.sdkClient.get_pairing_process_id();
-            }
-          } catch (e) {
-            console.log(`⚠️ Process synchronization attempt failed: ${(e as Error).message}`);
-          }
-        }
-
-        // Check if the process exists in our processes list
-        try {
-          const process = await this.getProcess(processId);
-          if (process) {
-            console.log(`🔍 Process exists: ${processId}, states: ${process.states?.length || 0}`);
-            const lastState = process.states?.[process.states.length - 1];
-            if (lastState) {
-              console.log(`🔍 Last state ID: ${lastState.state_id}`);
-            }
-          } else {
-            console.log(`⚠️ Process not found in local processes: ${processId}`);
-          }
-        } catch (e) {
-          console.log(`⚠️ Error checking process: ${(e as Error).message}`);
-        }
-
-        // Check WebSocket connection and handshake data
-        try {
-          console.log(`🔍 WebSocket connections: ${Object.keys(this.relayAddresses).length} relays`);
-          console.log(`🔍 Current block height: ${this.currentBlockHeight}`);
-          console.log(`🔍 Members list size: ${Object.keys(this.membersList).length}`);
-        } catch (e) {
-          console.log(`⚠️ Error checking WebSocket state: ${(e as Error).message}`);
-        }
-
-        // Check if the commitment is set and not null/empty
-        if (device.pairing_process_commitment &&
-            device.pairing_process_commitment !== null &&
-            device.pairing_process_commitment !== '') {
-          console.log('✅ Pairing process commitment found:', device.pairing_process_commitment);
-          return;
-        }
-
-        // For quorum=1 test, if we have a process but no commitment yet, 
-        // try to force synchronization by calling updateDevice more frequently
-        if (i < 5) {
-          try {
-            await this.updateDevice();
-            console.log(`🔄 Forced device update on attempt ${i + 1}`);
-          } catch (e) {
-            console.log(`⚠️ Forced device update failed: ${(e as Error).message}`);
-          }
-        }
-
-        console.log(`⏳ Still waiting for SDK synchronization... (${i + 1}/${maxRetries})`);
-
-        // Only try updateDevice every 5 attempts to avoid spam
-        if (i % 5 === 0 && i > 0) {
-          try {
-            await this.updateDevice();
-            console.log(`✅ Device update successful on attempt ${i + 1}`);
-          } catch (e) {
-            console.log(`⚠️ Device update failed on attempt ${i + 1} (process may not be committed yet): ${(e as Error).message}`);
-          }
-        }
-        } catch (e) {
-          console.log(`❌ Attempt ${i + 1}/${maxRetries}: Error during synchronization - ${(e as Error).message}`);
-        }
-
-      if (i < maxRetries - 1) {
-        console.log(`⏳ Waiting ${retryDelay}ms before next attempt...`);
-        await new Promise(resolve => setTimeout(resolve, retryDelay));
-      }
-    }
-
-    throw new Error(`❌ Pairing process ${processId} was not synchronized after ${maxRetries} attempts (${maxRetries * retryDelay / 1000}s)`);
-  }
-
-  public async confirmPairing(pairingId?: string) {
-    try {
-      // Is the wasm paired?
-      console.log('confirmPairing');
-      let processId: string;
-      if (pairingId) {
-        processId = pairingId;
-        console.log('pairingId (provided):', processId);
-      } else if (this.processId) {
-        processId = this.processId;
-        console.log('pairingId (from stored processId):', processId);
-      } else {
-        // Try to get pairing process ID, with retry if it fails
-        let retries = 3;
-        while (retries > 0) {
-          try {
-            processId = this.getPairingProcessId();
-            console.log('pairingId (from SDK):', processId);
-            break;
-          } catch (e) {
-            retries--;
-            if (retries === 0) {
-              throw e;
-            }
-            console.log(`Failed to get pairing process ID, retrying... (${retries} attempts left)`);
-            await new Promise(resolve => setTimeout(resolve, 1000)); // Wait 1 second before retry
-          }
-        }
-      }
-      // TODO confirm that the pairing process id is known, commited
-      const newDevice = this.dumpDeviceFromMemory();
-      console.log('newDevice:', newDevice);
-      await this.saveDeviceInDatabase(newDevice);
-      console.log('Device saved in database');
-    } catch (e) {
-      console.error('Failed to confirm pairing');
-      return;
-    }
-  }
-
-  public async updateDevice(): Promise<void> {
-    let myPairingProcessId: string;
-    try {
-      myPairingProcessId = this.getPairingProcessId();
-    } catch (e) {
-      console.error('Failed to get pairing process id');
-      return;
-    }
-
-    const myPairingProcess = await this.getProcess(myPairingProcessId);
-    if (!myPairingProcess) {
-      console.error('Unknown pairing process');
-      return;
-    }
-    const myPairingState = this.getLastCommitedState(myPairingProcess);
-    if (myPairingState) {
-      const encodedSpAddressList = myPairingState.public_data['pairedAddresses'];
-      const spAddressList = this.decodeValue(encodedSpAddressList);
-      if (spAddressList.length === 0) {
-        console.error('Empty pairedAddresses');
-        return;
-      }
-      // We can check if our address is included and simply unpair if it's not
-      if (!spAddressList.includes(this.getDeviceAddress())) {
-        await this.unpairDevice();
-        return;
-      }
-      // We can update the device with the new addresses
-      this.sdkClient.unpair_device();
-      this.sdkClient.pair_device(myPairingProcessId, spAddressList);
-      const newDevice = this.dumpDeviceFromMemory();
-      await this.saveDeviceInDatabase(newDevice);
-    }
-  }
-
-  public pairDevice(processId: string, spAddressList: string[]): void {
-    try {
-      this.sdkClient.pair_device(processId, spAddressList);
-    } catch (e) {
-      throw new Error(`Failed to pair device: ${e}`);
-    }
-  }
-
-  public getAmount(): BigInt {
-    const amount = this.sdkClient.get_available_amount();
-    return amount;
-  }
-
-  getDeviceAddress(): string {
-    try {
-      return this.sdkClient.get_address();
-    } catch (e) {
-      throw new Error(`Failed to get device address: ${e}`);
-    }
-  }
-
-  public dumpDeviceFromMemory(): Device {
-    try {
-      return this.sdkClient.dump_device();
-    } catch (e) {
-      throw new Error(`Failed to dump device: ${e}`);
-    }
-  }
-
-  public dumpNeuteredDevice(): Device | null {
-    try {
-      return this.sdkClient.dump_neutered_device();
-    } catch (e) {
-      console.error(`Failed to dump device: ${e}`);
-      return null;
-    }
-  }
-
-  public getPairingProcessId(): string {
-    try {
-      return this.sdkClient.get_pairing_process_id();
-    } catch (e) {
-      throw new Error(`Failed to get pairing process: ${e}`);
-    }
-  }
-
-  async saveDeviceInDatabase(device: Device): Promise<void> {
-    const db = await Database.getInstance();
-    const walletStore = 'wallet';
-    try {
-      const prevDevice = await this.getDeviceFromDatabase();
-      if (prevDevice) {
-        await db.deleteObject(walletStore, "1");
-      }
-      await db.addObject({
-        storeName: walletStore,
-        object: { pre_id: '1', device },
-        key: null,
-      });
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  async getDeviceFromDatabase(): Promise<Device | null> {
-    const db = await Database.getInstance();
-    const walletStore = 'wallet';
-    try {
-      const dbRes = await db.getObject(walletStore, '1');
-      if (dbRes) {
-        return dbRes['device'];
-      } else {
-        return null;
-      }
-    } catch (e) {
-      throw new Error(`Failed to retrieve device from db: ${e}`);
-    }
-  }
-
-  async deleteAccount(): Promise<void> {
-    const db = await Database.getInstance();
-    try {
-      // Clear all stores
-      await db.clearStore('wallet');
-      await db.clearStore('processes');
-      await db.clearStore('shared_secrets');
-      await db.clearStore('unconfirmed_secrets');
-      await db.clearStore('diffs');
-      await db.clearStore('data');
-      await db.clearStore('labels');
-
-      // Clear localStorage
-      localStorage.clear();
-      sessionStorage.clear();
-
-      // Clear IndexedDB completely
-      await this.clearAllIndexedDB();
-
-      console.log('✅ Account completely deleted');
-    } catch (e) {
-      console.error('❌ Error deleting account:', e);
-      throw new Error(`Failed to delete account: ${e}`);
-    }
-  }
-
-  private async clearAllIndexedDB(): Promise<void> {
-    return new Promise((resolve, reject) => {
-      const deleteReq = indexedDB.deleteDatabase('4nk');
-      deleteReq.onsuccess = () => {
-        console.log('✅ IndexedDB database deleted');
-        resolve();
-      };
-      deleteReq.onerror = () => {
-        console.error('❌ Error deleting IndexedDB database');
-        reject(deleteReq.error);
-      };
-    });
-  }
-
-  async getMemberFromDevice(): Promise<string[] | null> {
-    try {
-      const device = await this.getDeviceFromDatabase();
-      if (device) {
-        const pairedMember = device['paired_member'];
-        return pairedMember.sp_addresses;
-      } else {
-        return null;
-      }
-    } catch (e) {
-      throw new Error(`Failed to retrieve paired_member from device: ${e}`);
-    }
-  }
-
-  isChildRole(parent: any, child: any): boolean {
-    try {
-      this.sdkClient.is_child_role(JSON.stringify(parent), JSON.stringify(child));
-    } catch (e) {
-      console.error(e);
-      return false;
-    }
-
-    return true;
-  }
-
-  rolesContainsUs(roles: Record<string, RoleDefinition>): boolean {
-    let us;
-    try {
-      us = this.sdkClient.get_pairing_process_id();
-    } catch (e) {
-      throw e;
-    }
-
-    return this.rolesContainsMember(roles, us);
-  }
-
-  rolesContainsMember(roles: Record<string, RoleDefinition>, pairingProcessId: string): boolean {
-    for (const roleDef of Object.values(roles)) {
-      if (roleDef.members.includes(pairingProcessId)) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  async dumpWallet() {
-    const wallet = await this.sdkClient.dump_wallet();
-    return wallet;
-  }
-
-  public createFaucetMessage() {
-    const message = this.sdkClient.create_faucet_msg();
-    return message;
-  }
-
-  async createNewDevice() {
-    let spAddress = '';
-    try {
-      // We set birthday later when we have the chain tip from relay
-      spAddress = await this.sdkClient.create_new_device(0, 'signet');
-      const device = this.dumpDeviceFromMemory();
-      await this.saveDeviceInDatabase(device);
-    } catch (e) {
-      console.error('Services ~ Error:', e);
-    }
-
-    return spAddress;
-  }
-
-  public restoreDevice(device: Device) {
-    try {
-      this.sdkClient.restore_device(device);
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  public async updateDeviceBlockHeight(): Promise<void> {
-    if (this.currentBlockHeight === -1) {
-      throw new Error('Current block height not set');
-    }
-
-    let device: Device | null = null;
-    try {
-      device = await this.getDeviceFromDatabase();
-    } catch (e) {
-      throw new Error(`Failed to get device from database: ${e}`);
-    }
-
-    if (!device) {
-      throw new Error('Device not found');
-    }
-
-    const birthday = device.sp_wallet.birthday;
-    if (birthday === undefined || birthday === null) {
-      throw new Error('Birthday not found');
-    }
-
-    if (birthday === 0) {
-      // This is a new device, so current chain tip is its birthday
-      device.sp_wallet.birthday = this.currentBlockHeight;
-      // We also set last_scan, impossible that we need to scan earlier than this
-      device.sp_wallet.last_scan = this.currentBlockHeight;
-      try {
-        // First set the updated device in memory
-        this.sdkClient.restore_device(device);
-        // Then save it to database
-        await this.saveDeviceInDatabase(device);
-      } catch (e) {
-        throw new Error(`Failed to save updated device: ${e}`);
-      }
-    } else {
-      // This is existing device, we need to catch up if last_scan is lagging behind chain_tip
-      if (device.sp_wallet.last_scan < this.currentBlockHeight) {
-        // We need to catch up
-        try {
-          await this.sdkClient.scan_blocks(this.currentBlockHeight, BLINDBITURL);
-        } catch (e) {
-          console.error(`Failed to scan blocks: ${e}`);
-          return;
-        }
-
-        // If everything went well, we can update our storage
-        try {
-          const device = this.dumpDeviceFromMemory();
-          await this.saveDeviceInDatabase(device);
-        } catch (e) {
-          console.error(`Failed to save updated device: ${e}`);
-        }
-      } else {
-        // Up to date, just returns
-        return;
-      }
-    }
-  }
-
-  private async removeProcess(processId: string): Promise<void> {
-    const db = await Database.getInstance();
-    const storeName = 'processes';
-
-    try {
-      await db.deleteObject(storeName, processId);
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  public async batchSaveProcessesToDb(processes: Record<string, Process>) {
-    if (Object.keys(processes).length === 0) {
-      return;
-    }
-
-    const db = await Database.getInstance();
-    const storeName = 'processes';
-    try {
-      await db.batchWriting({ storeName, objects: Object.entries(processes).map(([key, value]) => ({ key, object: value })) });
-      this.processesCache = { ...this.processesCache, ...processes };
-    } catch (e) {
-      throw e;
-    }
-  }
-
-  public async saveProcessToDb(processId: string, process: Process) {
-    const db = await Database.getInstance();
-    const storeName = 'processes';
-    try {
-      await db.addObject({
-        storeName,
-        object: process,
-        key: processId,
-      });
-
-      // Update the process in the cache
-      this.processesCache[processId] = process;
-    } catch (e) {
-      console.error(`Failed to save process ${processId}: ${e}`);
-    }
-  }
-
-  public async saveBlobToDb(hash: string, data: Blob) {
-    const db = await Database.getInstance();
-    try {
-      await db.addObject({
-        storeName: 'data',
-        object: data,
-        key: hash,
-      });
-    } catch (e) {
-      console.error(`Failed to save data to db: ${e}`);
-    }
-  }
-
-  public async getBlobFromDb(hash: string): Promise<Blob | null> {
-    const db = await Database.getInstance();
-    try {
-      return await db.getObject('data', hash);
-    } catch (e) {
-      return null;
-    }
-  }
-
-  public async saveDataToStorage(hash: string, storages: string[], data: Blob, ttl: number | null) {
-    try {
-      await storeData(storages, hash, data, ttl);
-    } catch (e) {
-      console.error(`Failed to store data with hash ${hash}: ${e}`);
-    }
-  }
-
-  public async fetchValueFromStorage(hash: string): Promise<ArrayBuffer | null> {
-    const storages = [STORAGEURL];
-
-    return await retrieveData(storages, hash);
-  }
-
-  public async getDiffByValueFromDb(hash: string): Promise<UserDiff | null> {
-    const db = await Database.getInstance();
-    const diff = await db.getObject('diffs', hash);
-    return diff;
-  }
-
-  public async saveDiffsToDb(diffs: UserDiff[]) {
-    const db = await Database.getInstance();
-    try {
-      for (const diff of diffs) {
-        await db.addObject({
-          storeName: 'diffs',
-          object: diff,
-          key: null,
-        });
-      }
-    } catch (e) {
-      throw new Error(`Failed to save process: ${e}`);
-    }
-  }
-
-  public async getProcess(processId: string): Promise<Process | null> {
-    if (this.processesCache[processId]) {
-      return this.processesCache[processId];
-    } else {
-      const db = await Database.getInstance();
-      const process = await db.getObject('processes', processId);
-      return process;
-    }
-  }
-
-  public async getProcesses(): Promise<Record<string, Process>> {
-    if (Object.keys(this.processesCache).length > 0) {
-      return this.processesCache;
-    } else {
-      try {
-        const db = await Database.getInstance();
-        this.processesCache = await db.dumpStore('processes');
-        return this.processesCache;
-      } catch (e) {
-        throw e;
-      }
-    }
-  }
-
-  public async restoreProcessesFromBackUp(processes: Record<string, Process>) {
-    const db = await Database.getInstance();
-    const storeName = 'processes';
-    try {
-      await db.batchWriting({ storeName, objects: Object.entries(processes).map(([key, value]) => ({ key, object: value })) });
-    } catch (e) {
-      throw e;
-    }
-
-    await this.restoreProcessesFromDB();
-  }
-
-  // Restore processes cache from persistent storage
-  public async restoreProcessesFromDB() {
-    const db = await Database.getInstance();
-    try {
-      const processes: Record<string, Process> = await db.dumpStore('processes');
-      if (processes && Object.keys(processes).length != 0) {
-        console.log(`Restoring ${Object.keys(processes).length} processes`);
-        this.processesCache = processes;
-      } else {
-        console.log('No processes to restore!');
-      }
-    } catch (e) {
-      throw e;
-    }
-  }
-
-  public async clearSecretsFromDB() {
-    const db = await Database.getInstance();
-    try {
-      await db.clearStore('shared_secrets');
-      await db.clearStore('unconfirmed_secrets');
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  public async restoreSecretsFromBackUp(secretsStore: SecretsStore) {
-    const db = await Database.getInstance();
-
-    for (const secret of secretsStore.unconfirmed_secrets) {
-      await db.addObject({
-        storeName: 'unconfirmed_secrets',
-        object: secret,
-        key: null,
-      });
-    }
-    const entries = Object.entries(secretsStore.shared_secrets).map(([key, value]) => ({ key, value }));
-    for (const entry of entries) {
-      await db.addObject({
-        storeName: 'shared_secrets',
-        object: entry.value,
-        key: entry.key,
-      });
-    }
-
-    // Now we can transfer them to memory
-    await this.restoreSecretsFromDB();
-  }
-
-  public async restoreSecretsFromDB() {
-    const db = await Database.getInstance();
-    try {
-      const sharedSecrets: Record<string, string> = await db.dumpStore('shared_secrets');
-      const unconfirmedSecrets = await db.dumpStore('unconfirmed_secrets');
-      const secretsStore = {
-        shared_secrets: sharedSecrets,
-        unconfirmed_secrets: Object.values(unconfirmedSecrets),
-      };
-      this.sdkClient.set_shared_secrets(JSON.stringify(secretsStore));
-    } catch (e) {
-      throw e;
-    }
-  }
-
-  decodeValue(value: number[]): any | null {
-    try {
-      return this.sdkClient.decode_value(value);
-    } catch (e) {
-      console.error(`Failed to decode value: ${e}`);
-      return null;
-    }
-  }
-
-  async decryptAttribute(processId: string, state: ProcessState, attribute: string): Promise<any | null> {
-    console.log(`[decryptAttribute] Starting decryption for attribute: ${attribute}, processId: ${processId}`);
-    let hash = state.pcd_commitment[attribute];
-    if (!hash) {
-      console.log(`[decryptAttribute] No hash found for attribute: ${attribute}`);
-      return null;
-    }
-    let key = state.keys[attribute];
-    console.log(`[decryptAttribute] Initial key state for ${attribute}:`, key ? 'present' : 'missing');
-    const pairingProcessId = this.getPairingProcessId();
-
-    // If key is missing, request an update and then retry
-    if (!key) {
-      const roles = state.roles;
-      let hasAccess = false;
-      // If we're not supposed to have access to this attribute, ignore
-      for (const role of Object.values(roles)) {
-        for (const rule of Object.values(role.validation_rules)) {
-          if (rule.fields.includes(attribute)) {
-            if (role.members.includes(pairingProcessId)) {
-              // We have access to this attribute
-              hasAccess = true;
-              break;
-            }
-          }
-        }
-      }
-
-      if (!hasAccess) {
-        console.log(`[decryptAttribute] No access rights for attribute: ${attribute}`);
-        return null;
-      }
-
-      console.log(`[decryptAttribute] Requesting key update for attribute: ${attribute}`);
-      await this.checkConnections((await this.getProcess(processId))!);
-      // We should have the key, so we're going to ask other members for it
-      await this.requestDataFromPeers(processId, [state.state_id], [state.roles]);
-
-      const maxRetries = 5;
-      const retryDelay = 500; // delay in milliseconds
-      let retries = 0;
-
-      while ((!hash || !key) && retries < maxRetries) {
-        console.log(`[decryptAttribute] Retry ${retries + 1}/${maxRetries} for attribute: ${attribute}`);
-        await new Promise(resolve => setTimeout(resolve, retryDelay));
-        // Re-read hash and key after waiting
-        hash = state.pcd_commitment[attribute];
-        key = state.keys[attribute];
-        retries++;
-        console.log(`[decryptAttribute] After retry ${retries}: hash=${!!hash}, key=${!!key}`);
-      }
-    }
-
-    if (hash && key) {
-      console.log(`[decryptAttribute] Starting decryption process with hash: ${hash.substring(0, 8)}...`);
-      const blob = await this.getBlobFromDb(hash);
-      if (blob) {
-        console.log(`[decryptAttribute] Blob retrieved successfully for ${attribute}`);
-        // Decrypt the data
-        const buf = await blob.arrayBuffer();
-        const cipher = new Uint8Array(buf);
-
-        const keyUIntArray = this.hexToUInt8Array(key);
-
-        try {
-          const clear = this.sdkClient.decrypt_data(keyUIntArray, cipher);
-          if (clear) {
-            // deserialize the result to get the actual data
-            const decoded = this.sdkClient.decode_value(clear);
-            return decoded;
-          } else {
-            throw new Error('decrypt_data returned null');
-          }
-        } catch (e) {
-          console.error(`[decryptAttribute] Failed to decrypt data for ${attribute}:`, e);
-        }
-      }
-    }
-
-    return null;
-  }
-
-  getNotifications(): any[] | null {
-    // return [
-    //   {
-    //     id: 1,
-    //     title: 'Notif 1',
-    //     description: 'A normal notification',
-    //     sendToNotificationPage: false,
-    //     path: '/notif1',
-    //   },
-    //   {
-    //     id: 2,
-    //     title: 'Notif 2',
-    //     description: 'A normal notification',
-    //     sendToNotificationPage: false,
-    //     path: '/notif2',
-    //   },
-    //   {
-    //     id: 3,
-    //     title: 'Notif 3',
-    //     description: 'A normal notification',
-    //     sendToNotificationPage: false,
-    //     path: '/notif3',
-    //   },
-    // ];
-    return this.notifications;
-  }
-
-  setNotifications(notifications: any[]) {
-    this.notifications = notifications;
-  }
-
-  async importJSON(backup: BackUp): Promise<void> {
-    const device = backup.device;
-
-    // Reset current device
-    await this.resetDevice();
-
-    await this.saveDeviceInDatabase(device);
-
-    this.restoreDevice(device);
-
-    // TODO restore secrets and processes from file
-    const secretsStore = backup.secrets;
-    await this.restoreSecretsFromBackUp(secretsStore);
-
-    const processes = backup.processes;
-    await this.restoreProcessesFromBackUp(processes);
-  }
-
-  public async createBackUp(): Promise<BackUp | null> {
-    // Get the device from indexedDB
-    const device = await this.getDeviceFromDatabase();
-    if (!device) {
-      console.error('No device loaded');
-      return null;
-    }
-
-    // Get the processes
-    const processes = await this.getProcesses();
-
-    // Get the shared secrets
-    const secrets = await this.getAllSecrets();
-
-    // Create a backup object
-    const backUp = {
-      device: device,
-      secrets: secrets,
-      processes: processes,
-    };
-
-    return backUp;
-  }
-
-  // Device 1 wait Device 2
-  public device1: boolean = false;
-  public device2Ready: boolean = false;
-
-  public resetState() {
-    this.device1 = false;
-    this.device2Ready = false;
-  }
-
-
-  // Handle the handshake message
-  public async handleHandshakeMsg(url: string, parsedMsg: any) {
-    try {
-      const handshakeMsg: HandshakeMessage = JSON.parse(parsedMsg);
-      if (handshakeMsg.sp_address) {
-        this.updateRelay(url, handshakeMsg.sp_address);
-        this.relayAddresses[url] = handshakeMsg.sp_address;
-        this.resolveRelayReady();
-      }
-
-      console.log('handshakeMsg:', handshakeMsg);
-      this.currentBlockHeight = handshakeMsg.chain_tip;
-      console.log('this.currentBlockHeight:', this.currentBlockHeight);
-      this.updateDeviceBlockHeight();
-      if (this.membersList && Object.keys(this.membersList).length === 0) {
-        // We start from an empty list, just copy it over
-        this.membersList = handshakeMsg.peers_list;
-      } else {
-        // We are incrementing our list
-        for (const [processId, member] of Object.entries(handshakeMsg.peers_list)) {
-          this.membersList[processId] = member as Member;
-        }
-      }
-
-      setTimeout(async () => {
-        const newProcesses: OutPointProcessMap = handshakeMsg.processes_list;
-        if (!newProcesses || Object.keys(newProcesses).length === 0) {
-          console.debug('Received empty processes list from', url);
-          return;
-        }
-
-        if (this.processesCache && Object.keys(this.processesCache).length === 0) {
-          // We restored db but cache is empty, meaning we're starting from scratch
-          try {
-            await this.batchSaveProcessesToDb(newProcesses);
-          } catch (e) {
-            console.error('Failed to save processes to db:', e);
-          }
-        } else {
-          // We need to update our processes with what relay provides
-          const toSave: Record<string, Process> = {};
-          for (const [processId, process] of Object.entries(newProcesses)) {
-            const existing = await this.getProcess(processId);
-            if (existing) {
-              // Look for state id we don't know yet
-              let newStates: string[] = [];
-              let newRoles: Record<string, RoleDefinition>[] = [];
-              for (const state of process.states) {
-                if (!state || !state.state_id) { continue; } // shouldn't happen
-                if (state.state_id === EMPTY32BYTES) {
-                  // We check that the tip is the same we have, if not we update
-                  const existingTip = existing.states[existing.states.length - 1].commited_in;
-                  if (existingTip !== state.commited_in) {
-                    console.log('Found new tip for process', processId);
-                    existing.states.pop(); // We discard the last state
-                    existing.states.push(state);
-                    // We know that's the last state, so we just trigger the update
-                    toSave[processId] = existing;
-                  }
-                } else if (!this.lookForStateId(existing, state.state_id)) {
-                  // We don't want to overwrite what we already have for existing processes
-                  // We may end up overwriting the keys for example
-                  // So the process we're going to save needs to merge new states with what we already have
-                  const existingLastState = existing.states.pop();
-                  if (!existingLastState) {
-                    // This should never happen
-                    console.error('Failed to get last state for process', processId);
-                    break;
-                  }
-                  existing.states.push(state);
-                  existing.states.push(existingLastState);
-                  toSave[processId] = existing; // We mark it for update
-                  if (this.rolesContainsUs(state.roles)) {
-                    newStates.push(state.state_id);
-                    newRoles.push(state.roles);
-                  }
-                } else {
-                  // We already have the state, but we check if we have the keys
-                  const existingState = this.getStateFromId(existing, state.state_id);
-                  if (existingState!.keys && Object.keys(existingState!.keys).length != 0) {
-                    // We have some keys, so we just assume everything ok and move on for now
-                    continue;
-                  } else {
-                    // We verify we are part of the roles
-                    const roles = state.roles;
-                    if (this.rolesContainsUs(roles)) {
-                      // We don't have keys, but we are part of the roles, so we need to request the keys
-                      // that may also be because we are part of a role that don't have any fields
-                      // It's possible but let's request for nothing anyway
-                      newStates.push(state.state_id);
-                      newRoles.push(roles);
-                    } else {
-                      // We are simply not involved, move on
-                      continue;
-                    }
-                  }
-                }
-              }
-
-              if (newStates.length != 0) {
-                await this.checkConnections(existing);
-                await this.requestDataFromPeers(processId, newStates, newRoles);
-              }
-              // Otherwise we're probably just in the initial loading at page initialization
-            } else {
-              // We add it to db
-              toSave[processId] = process;
-            }
-          }
-
-          if (toSave && Object.keys(toSave).length > 0) {
-            console.log('batch saving processes to db', toSave);
-            await this.batchSaveProcessesToDb(toSave);
-          }
-        }
-      }, 500)
-    } catch (e) {
-      console.error('Failed to parse init message:', e);
-    }
-  }
-
-  private lookForStateId(process: Process, stateId: string): boolean {
-    for (const state of process.states) {
-      if (state.state_id === stateId) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  /**
-   * Waits for at least one handshake message to be received from any connected relay.
-   * This ensures that the relay addresses are fully populated and the member list is updated.
-   * @returns A promise that resolves when at least one handshake message is received.
-   */
-  private async waitForHandshakeMessage(timeoutMs: number = 10000): Promise<void> {
-    const startTime = Date.now();
-    const pollInterval = 100; // Check every 100ms
-
-    return new Promise<void>((resolve, reject) => {
-      const checkForHandshake = () => {
-        // Check if we have any members or any relays (indicating handshake was received)
-        if (Object.keys(this.membersList).length > 0 || Object.keys(this.relayAddresses).length > 0) {
-          console.log('Handshake message received (members or relays present)');
-          resolve();
-          return;
-        }
-
-        // Check timeout
-        if (Date.now() - startTime >= timeoutMs) {
-          reject(new Error(`No handshake message received after ${timeoutMs}ms timeout`));
-          return;
-        }
-
-        // Continue polling
-        setTimeout(checkForHandshake, pollInterval);
-      };
-
-      checkForHandshake();
-    });
-  }
-
-  /**
-   * Retourne la liste de tous les membres ordonnés par leur process id
-   * @returns Un tableau contenant tous les membres
-   */
-  public getAllMembersSorted(): Record<string, Member> {
-    return Object.fromEntries(
-        Object.entries(this.membersList).sort(([keyA], [keyB]) => keyA.localeCompare(keyB))
-    );
-  }
-
-  public getAllMembers(): Record<string, Member> {
-    return this.membersList;
-  }
-
-  public getAddressesForMemberId(memberId: string): string[] | null {
-    try {
-      return this.membersList[memberId].sp_addresses;
-    } catch (e) {
-      return null;
-    }
-  }
-
-  public compareMembers(memberA: string[], memberB: string[]): boolean {
-    if (!memberA || !memberB) { return false }
-    if (memberA.length !== memberB.length) { return false }
-
-    const res = memberA.every(item => memberB.includes(item)) && memberB.every(item => memberA.includes(item));
-
-    return res;
-  }
-
-  public async handleCommitError(response: string) {
-    const content = JSON.parse(response);
-    const error = content.error;
-    const errorMsg = error['GenericError'];
-    const dontRetry = [
-      'State is identical to the previous state',
-      'Not enough valid proofs',
-      'Not enough members to validate',
-    ];
-    if (dontRetry.includes(errorMsg)) { return; }
-    // Wait and retry
-    setTimeout(async () => {
-      this.sendCommitMessage(JSON.stringify(content));
-    }, 1000)
-  }
-
-  public getRoles(process: Process): Record<string, RoleDefinition> | null {
-    const lastCommitedState = this.getLastCommitedState(process);
-    if (lastCommitedState && lastCommitedState.roles && Object.keys(lastCommitedState.roles).length != 0) {
-      return lastCommitedState!.roles;
-    } else if (process.states.length === 2) {
-      const firstState = process.states[0];
-      if (firstState && firstState.roles && Object.keys(firstState.roles).length != 0) {
-        return firstState!.roles;
-      }
-    }
-    return null;
-  }
-
-  public getPublicData(process: Process): Record<string, any> | null {
-    const lastCommitedState = this.getLastCommitedState(process);
-    if (lastCommitedState && lastCommitedState.public_data && Object.keys(lastCommitedState.public_data).length != 0) {
-      return lastCommitedState!.public_data;
-    } else if (process.states.length === 2) {
-      const firstState = process.states[0];
-      if (firstState && firstState.public_data && Object.keys(firstState.public_data).length != 0) {
-        return firstState!.public_data;
-      }
-    }
-    return null;
-  }
-
-  public getProcessName(process: Process): string | null {
-    const lastCommitedState = this.getLastCommitedState(process);
-    if (lastCommitedState && lastCommitedState.public_data) {
-      const processName = lastCommitedState!.public_data['processName'];
-      if (processName) { return this.decodeValue(processName) }
-      else { return null }
-    } else {
-      return null;
-    }
-  }
-
-  public async getMyProcesses(): Promise<string[] | null> {
-    // If we're not paired yet, just skip it
-    let pairingProcessId = null;
-    try {
-      pairingProcessId = this.getPairingProcessId();
-    } catch (e) {
-      return null;
-    }
-    if (!pairingProcessId) {
-      return null;
-    }
-
-    try {
-      const processes = await this.getProcesses();
-
-      const newMyProcesses = new Set<string>(this.myProcesses || []);
-      // MyProcesses automatically contains pairing process
-      newMyProcesses.add(pairingProcessId);
-      for (const [processId, process] of Object.entries(processes)) {
-        // We use myProcesses attribute to not reevaluate all processes everytime
-        if (newMyProcesses.has(processId)) {
-          continue;
-        }
-        try {
-          const roles = this.getRoles(process);
-
-          if (roles && this.rolesContainsUs(roles)) {
-            newMyProcesses.add(processId);
-          }
-        } catch (e) {
-          console.error(e);
-        }
-      }
-      this.myProcesses = newMyProcesses; // atomic update
-      return Array.from(this.myProcesses);
-    } catch (e) {
-      console.error("Failed to get processes:", e);
-      return null;
-    }
-  }
-
-  public async requestDataFromPeers(processId: string, stateIds: string[], roles: Record<string, RoleDefinition>[]) {
-    console.log('Requesting data from peers');
-    const membersList = this.getAllMembers();
-    try {
-      const res = this.sdkClient.request_data(processId, stateIds, roles, membersList);
-      await this.handleApiReturn(res);
-    } catch (e) {
-      console.error(e);
-    }
-  }
-
-  public hexToBlob(hexString: string): Blob {
-    const uint8Array = this.hexToUInt8Array(hexString);
-
-    return new Blob([uint8Array], { type: "application/octet-stream" });
-  }
-
-  public hexToUInt8Array(hexString: string): Uint8Array {
-    if (hexString.length % 2 !== 0) {
-      throw new Error("Invalid hex string: length must be even");
-    }
-    const uint8Array = new Uint8Array(hexString.length / 2);
-    for (let i = 0; i < hexString.length; i += 2) {
-      uint8Array[i / 2] = parseInt(hexString.substr(i, 2), 16);
-    }
-
-    return uint8Array;
-  }
-
-  public async blobToHex(blob: Blob): Promise<string> {
-    const buffer = await blob.arrayBuffer();
-    const bytes = new Uint8Array(buffer);
-    return Array.from(bytes)
-      .map(byte => byte.toString(16).padStart(2, '0'))
-      .join('');
-  }
-
-  public getHashForFile(commitedIn: string, label: string, fileBlob: { type: string; data: Uint8Array }): string {
-    return this.sdkClient.hash_value(fileBlob, commitedIn, label);
-  }
-
-  public getMerkleProofForFile(processState: ProcessState, attributeName: string): MerkleProofResult {
-    return this.sdkClient.get_merkle_proof(processState, attributeName);
-  }
-
-  public validateMerkleProof(proof: MerkleProofResult, hash: string): boolean {
-    try {
-      return this.sdkClient.validate_merkle_proof(proof, hash);
-    } catch (e) {
-      throw new Error(`Failed to validate merkle proof: ${e}`);
-    }
-  }
-
-  public getLastCommitedState(process: Process): ProcessState | null {
-    if (process.states.length === 0) return null;
-    const processTip = process.states[process.states.length - 1].commited_in;
-    const lastCommitedState = process.states.findLast(state => state.commited_in !== processTip);
-    if (lastCommitedState) {
-      return lastCommitedState;
-    } else {
-      return null;
-    }
-  }
-
-  public getLastCommitedStateIndex(process: Process): number | null {
-    if (process.states.length === 0) return null;
-    const processTip = process.states[process.states.length - 1].commited_in;
-    for (let i = process.states.length - 1; i >= 0; i--) {
-      if (process.states[i].commited_in !== processTip) {
-        return i;
-      }
-    }
-    return null;
-  }
-
-  public getUncommitedStates(process: Process): ProcessState[] {
-    if (process.states.length === 0) return [];
-    const processTip = process.states[process.states.length - 1].commited_in;
-    const res = process.states.filter(state => state.commited_in === processTip);
-    return res.filter(state => state.state_id !== EMPTY32BYTES);
-  }
-
-  public getStateFromId(process: Process, stateId: string): ProcessState | null {
-    if (process.states.length === 0) return null;
-    const state = process.states.find(state => state.state_id === stateId);
-    if (state) {
-      return state;
-    } else {
-      return null;
-    }
-  }
-
-  public getNextStateAfterId(process: Process, stateId: string): ProcessState | null {
-    if (process.states.length === 0) return null;
-
-    const index = process.states.findIndex(state => state.state_id === stateId);
-
-    if (index !== -1 && index < process.states.length - 1) {
-      return process.states[index + 1];
-    }
-
-    return null;
-  }
-
-  public isPairingProcess(roles: Record<string, RoleDefinition>): boolean {
-    if (Object.keys(roles).length != 1) { return false }
-    const pairingRole = roles['pairing'];
-    if (pairingRole) {
-      // For now that's enough, we should probably test more things
-      return true;
-    } else {
-      return false;
-    }
-  }
-
-  public async updateMemberPublicName(process: Process, newName: string): Promise<ApiReturn> {
-    const publicData = {
-      'memberPublicName': newName
-    };
-
-    return await this.updateProcess(process, {}, publicData, null);
-  }
-}
+import { INotification } from '~/models/notification.model';
+import { IProcess } from '~/models/process.model';
+import { initWebsocket, sendMessage } from '../websockets';
+import { ApiReturn, Device, HandshakeMessage, Member, MerkleProofResult, NewTxMessage, OutPointProcessMap, Process, ProcessState, RoleDefinition, SecretsStore, UserDiff } from '../../pkg/sdk_client';
+import ModalService from './modal.service';
+import Database from './database.service';
+import { navigate } from '../router';
+import { storeData, retrieveData, testData } from './storage.service';
+import { BackUp } from '~/models/backup.model';
+
+export const U32_MAX = 4294967295;
+
+const BASEURL = import.meta.env.VITE_BASEURL || `http://localhost`;
+const BOOTSTRAPURL = [import.meta.env.VITE_BOOTSTRAPURL || `${BASEURL}:8090`];
+const STORAGEURL = import.meta.env.VITE_STORAGEURL || `${BASEURL}:8081`;
+const BLINDBITURL = import.meta.env.VITE_BLINDBITURL || `${BASEURL}:8000`;
+const DEFAULTAMOUNT = 1000n;
+
+// Global loading spinner functions
+function showGlobalLoadingSpinner(message: string = 'Loading...') {
+  // Remove existing spinner if any
+  hideGlobalLoadingSpinner();
+
+  // Create spinner overlay
+  const overlay = document.createElement('div');
+  overlay.id = 'global-loading-overlay';
+  overlay.style.cssText = `
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.8);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    z-index: 9999;
+    backdrop-filter: blur(5px);
+  `;
+
+  // Create spinner content
+  const spinnerContent = document.createElement('div');
+  spinnerContent.style.cssText = `
+    background: rgba(255, 255, 255, 0.95);
+    border-radius: 12px;
+    padding: 40px;
+    text-align: center;
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    max-width: 400px;
+    width: 90%;
+  `;
+
+  // Create spinner
+  const spinner = document.createElement('div');
+  spinner.style.cssText = `
+    width: 50px;
+    height: 50px;
+    border: 4px solid #f3f3f3;
+    border-top: 4px solid #3a506b;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin: 0 auto 20px auto;
+  `;
+
+  // Create message
+  const messageEl = document.createElement('div');
+  messageEl.textContent = message;
+  messageEl.style.cssText = `
+    font-size: 16px;
+    color: #3a506b;
+    font-weight: 500;
+    margin-bottom: 10px;
+  `;
+
+  // Create progress indicator
+  const progressEl = document.createElement('div');
+  progressEl.textContent = 'Please wait...';
+  progressEl.style.cssText = `
+    font-size: 14px;
+    color: #666;
+  `;
+
+  // Add CSS animation if not already present
+  if (!document.getElementById('global-spinner-styles')) {
+    const style = document.createElement('style');
+    style.id = 'global-spinner-styles';
+    style.textContent = `
+      @keyframes spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
+      }
+    `;
+    document.head.appendChild(style);
+  }
+
+  // Assemble spinner
+  spinnerContent.appendChild(spinner);
+  spinnerContent.appendChild(messageEl);
+  spinnerContent.appendChild(progressEl);
+  overlay.appendChild(spinnerContent);
+
+  // Add to document
+  document.body.appendChild(overlay);
+}
+
+function hideGlobalLoadingSpinner() {
+  const overlay = document.getElementById('global-loading-overlay');
+  if (overlay) {
+    overlay.remove();
+  }
+}
+const EMPTY32BYTES = String('').padStart(64, '0');
+
+export default class Services {
+  private static initializing: Promise<Services> | null = null;
+  private static instance: Services;
+  private processId: string | null = null;
+  private stateId: string | null = null;
+  private sdkClient: any;
+  private processesCache: Record<string, Process> = {};
+  private myProcesses: Set<string> = new Set();
+  private notifications: any[] | null = null;
+  private subscriptions: { element: Element; event: string; eventHandler: string }[] = [];
+  private database: any;
+  private routingInstance!: ModalService;
+  private relayAddresses: { [wsurl: string]: string } = {};
+  private membersList: Record<string, Member> = {};
+  private currentBlockHeight: number = -1;
+  private relayReadyResolver: (() => void) | null = null;
+  private relayReadyPromise: Promise<void> | null = null;
+  // Private constructor to prevent direct instantiation from outside
+  private constructor() {}
+
+  // Method to access the singleton instance of Services
+  public static async getInstance(): Promise<Services> {
+    if (Services.instance) {
+      return Services.instance;
+    }
+
+    if (!Services.initializing) {
+      Services.initializing = (async () => {
+        const instance = new Services();
+        await instance.init();
+        instance.routingInstance = await ModalService.getInstance();
+        return instance;
+      })();
+    }
+
+    console.log('initializing services');
+
+    // Show global loading spinner during initialization
+    showGlobalLoadingSpinner('Initializing services...');
+
+    Services.instance = await Services.initializing;
+    Services.initializing = null; // Reset for potential future use
+
+    // Hide loading spinner after initialization
+    hideGlobalLoadingSpinner();
+
+    return Services.instance;
+  }
+
+  public async init(): Promise<void> {
+    this.notifications = this.getNotifications();
+    this.sdkClient = await import('../../pkg/sdk_client');
+    this.sdkClient.setup();
+    for (const wsurl of Object.values(BOOTSTRAPURL)) {
+      this.updateRelay(wsurl, '');
+    }
+  }
+
+  public setProcessId(processId: string | null) {
+    this.processId = processId;
+  }
+
+  public setStateId(stateId: string | null) {
+    this.stateId = stateId;
+  }
+
+  public getProcessId(): string | null {
+    return this.processId;
+  }
+
+  public getStateId(): string | null {
+    return this.stateId;
+  }
+
+  /**
+   * Calls `this.addWebsocketConnection` for each `wsurl` in relayAddresses.
+   * Waits for at least one handshake message before returning.
+   */
+  public async connectAllRelays(): Promise<void> {
+      const relayUrls = Object.keys(this.relayAddresses);
+      console.log(`🚀 Connecting to ${relayUrls.length} relays in parallel...`);
+      
+      // Connect to all relays in parallel
+      const connectionPromises = relayUrls.map(async (wsurl) => {
+          try {
+              console.log(`🔗 Connecting to: ${wsurl}`);
+              await this.addWebsocketConnection(wsurl);
+              console.log(`✅ Successfully connected to: ${wsurl}`);
+              return wsurl;
+          } catch (error) {
+              console.error(`❌ Failed to connect to ${wsurl}:`, error);
+              return null;
+          }
+      });
+
+      // Wait for all connections to complete (success or failure)
+      const results = await Promise.allSettled(connectionPromises);
+      const connectedUrls = results
+          .filter((result): result is PromiseFulfilledResult<string> => 
+              result.status === 'fulfilled' && result.value !== null)
+          .map(result => result.value);
+
+      console.log(`✅ Connected to ${connectedUrls.length}/${relayUrls.length} relays`);
+      
+      // Wait for at least one handshake message if we have connections
+      if (connectedUrls.length > 0) {
+          try {
+              await this.waitForHandshakeMessage();
+              console.log(`✅ Handshake received from at least one relay`);
+          } catch (error) {
+              console.warn(`⚠️ No handshake received within timeout, but continuing with ${connectedUrls.length} connections`);
+              // Continue anyway - we have connections even without handshake
+          }
+      } else {
+          console.warn(`⚠️ No relay connections established`);
+      }
+  }
+
+  private getRelayReadyPromise(): Promise<void> {
+    if (!this.relayReadyPromise) {
+      this.relayReadyPromise = new Promise<void>((resolve) => {
+        this.relayReadyResolver = resolve;
+      });
+    }
+    return this.relayReadyPromise;
+  }
+  
+  private resolveRelayReady(): void {
+    if (this.relayReadyResolver) {
+      this.relayReadyResolver();
+      this.relayReadyResolver = null;
+      this.relayReadyPromise = null;
+    }
+  }
+
+  public async addWebsocketConnection(url: string): Promise<void> {
+    console.log('Opening new websocket connection');
+    await initWebsocket(url);
+  }
+
+  /**
+   * Add or update a key/value pair in relayAddresses.
+   * @param wsurl - The WebSocket URL (key).
+   * @param spAddress - The SP Address (value).
+   */
+  public updateRelay(url: string, spAddress: string) {
+    console.log(`✅ Updating relay ${url} with spAddress ${spAddress}`);
+    this.relayAddresses[url] = spAddress;
+  }
+
+  /**
+   * Retrieve the spAddress for a given wsurl.
+   * @param wsurl - The WebSocket URL to look up.
+   * @returns The SP Address if found, or undefined if not.
+   */
+  public getSpAddress(wsurl: string): string | undefined {
+      return this.relayAddresses[wsurl];
+  }
+
+  /**
+   * Get all key/value pairs from relayAddresses.
+   * @returns An array of objects containing wsurl and spAddress.
+   */
+  public getAllRelays(): { wsurl: string; spAddress: string }[] {
+      return Object.entries(this.relayAddresses).map(([wsurl, spAddress]) => ({
+          wsurl,
+          spAddress,
+      }));
+  }
+
+  /**
+   * Print all key/value pairs for debugging.
+   */
+  public printAllRelays(): void {
+      console.log("Current relay addresses:");
+      for (const [wsurl, spAddress] of Object.entries(this.relayAddresses)) {
+          console.log(`${wsurl} -> ${spAddress}`);
+      }
+  }
+
+  public isPaired(): boolean {
+    try {
+      return this.sdkClient.is_paired();
+    } catch (e) {
+      throw new Error(`isPaired ~ Error: ${e}`);
+    }
+  }
+
+  public async unpairDevice(): Promise<void> {
+    try {
+      this.sdkClient.unpair_device();
+      const newDevice = this.dumpDeviceFromMemory();
+      await this.saveDeviceInDatabase(newDevice);
+    } catch (e) {
+      throw new Error(`Failed to unpair device: ${e}`);
+    }
+  }
+
+  public async getSecretForAddress(address: string): Promise<string | null> {
+    const db = await Database.getInstance();
+    return await db.getObject('shared_secrets', address);
+  }
+
+  public async getAllSecrets(): Promise<SecretsStore> {
+    const db = await Database.getInstance();
+    const sharedSecrets = await db.dumpStore('shared_secrets');
+    const unconfirmedSecrets = await db.dumpStore('unconfirmed_secrets'); // keys are numeric values
+
+    const secretsStore = {
+      shared_secrets: sharedSecrets,
+      unconfirmed_secrets: Object.values(unconfirmedSecrets),
+    };
+
+    return secretsStore;
+  }
+
+  public async getAllDiffs(): Promise<Record<string, UserDiff>> {
+    const db = await Database.getInstance();
+    return await db.dumpStore('diffs');
+  }
+
+  public async getDiffByValue(value: string): Promise<UserDiff | null> {
+    const db = await Database.getInstance();
+    const store = 'diffs';
+    const res = await db.getObject(store, value);
+    return res;
+  }
+
+  private async getTokensFromFaucet(): Promise<void> {
+    try {
+      await this.ensureSufficientAmount();
+    } catch (e) {
+      console.error('Failed to get tokens from relay, check connection');
+      return;
+    }
+  }
+
+  // If we're updating a process, we must call that after update especially if roles are part of it
+  // We will take the roles from the last state, wheter it's commited or not
+  public async checkConnections(process: Process, stateId: string | null = null): Promise<void> {
+    if (process.states.length < 2) {
+      throw new Error('Process doesn\'t have any state yet');
+    }
+    let roles: Record<string, RoleDefinition> | null = null;
+    if (!stateId) {
+      roles = process.states[process.states.length - 2].roles;
+    } else {
+      roles = process.states.find(state => state.state_id === stateId)?.roles || null;
+    }
+    if (!roles) {
+      throw new Error('No roles found');
+    }
+    let members: Set<Member> = new Set();
+    for (const role of Object.values(roles!)) {
+      for (const member of role.members) {
+        // Check if we know the member that matches this id
+        const memberAddresses = this.getAddressesForMemberId(member);
+        if (memberAddresses && memberAddresses.length != 0) {
+          members.add({ sp_addresses: memberAddresses });
+        }
+      }
+    }
+
+    if (members.size === 0) {
+      // This must be a pairing process
+      // Check if we have a pairedAddresses in the public data
+      let publicData: Record<string, any> | null = null;
+      if (!stateId) {
+        publicData = process.states[process.states.length - 2]?.public_data;
+      } else {
+        publicData = process.states.find(state => state.state_id === stateId)?.public_data || null;
+      }
+
+      // If pairedAddresses is not in the current state, look in previous states
+      if (!publicData || !publicData['pairedAddresses']) {
+        // Look for pairedAddresses in previous states
+        for (let i = process.states.length - 1; i >= 0; i--) {
+          const state = process.states[i];
+          if (state.public_data && state.public_data['pairedAddresses']) {
+            publicData = state.public_data;
+            break;
+          }
+        }
+      }
+
+      if (!publicData || !publicData['pairedAddresses']) {
+        throw new Error('Not a pairing process');
+      }
+      const decodedAddresses = this.decodeValue(publicData['pairedAddresses']);
+      if (decodedAddresses.length === 0) {
+        throw new Error('Not a pairing process');
+      }
+      members.add({ sp_addresses: decodedAddresses });
+    }
+
+    // Ensure the amount is available before proceeding
+    await this.getTokensFromFaucet();
+    let unconnectedAddresses = new Set<string>();
+    const myAddress = this.getDeviceAddress();
+    for (const member of Array.from(members)) {
+      const sp_addresses = member.sp_addresses;
+      if (!sp_addresses || sp_addresses.length === 0) continue;
+      for (const address of sp_addresses) {
+        // For now, we ignore our own device address, although there might be use cases for having a secret with ourselves
+        if (address === myAddress) continue;
+        if (await this.getSecretForAddress(address) === null) {
+          unconnectedAddresses.add(address);
+        }
+      }
+    }
+    if (unconnectedAddresses && unconnectedAddresses.size != 0) {
+      const apiResult = await this.connectAddresses(Array.from(unconnectedAddresses));
+      await this.handleApiReturn(apiResult);
+    }
+  }
+
+  public async connectAddresses(addresses: string[]): Promise<ApiReturn> {
+    if (addresses.length === 0) {
+      throw new Error('Trying to connect to empty addresses list');
+    }
+
+    try {
+      return this.sdkClient.create_transaction(addresses, 1);
+    } catch (e) {
+      console.error('Failed to connect member:', e);
+      throw e;
+    }
+  }
+
+  private async ensureSufficientAmount(): Promise<void> {
+    const availableAmt = this.getAmount();
+    const target: BigInt = DEFAULTAMOUNT * BigInt(10);
+
+    if (availableAmt < target) {
+      const faucetMsg = this.createFaucetMessage();
+      this.sendFaucetMessage(faucetMsg);
+
+      await this.waitForAmount(target);
+    }
+  }
+
+  private async waitForAmount(target: BigInt): Promise<BigInt> {
+    let attempts = 3;
+
+    while (attempts > 0) {
+      const amount = this.getAmount();
+      if (amount >= target) {
+        return amount;
+      }
+
+      attempts--;
+      if (attempts > 0) {
+        await new Promise((resolve) => setTimeout(resolve, 1000)); // Wait for 1 second
+      }
+    }
+
+    throw new Error('Amount is still 0 after 3 attempts');
+  }
+
+  public async createPairingProcess(userName: string, pairWith: string[]): Promise<ApiReturn> {
+    if (this.sdkClient.is_paired()) {
+      throw new Error('Device already paired');
+    }
+    const myAddress: string = this.sdkClient.get_address();
+    pairWith.push(myAddress);
+    const privateData = {
+      description: 'pairing',
+      counter: 0,
+    };
+    const publicData = {
+      memberPublicName: userName,
+      pairedAddresses: pairWith,
+    };
+    const validation_fields: string[] = [...Object.keys(privateData), ...Object.keys(publicData), 'roles'];
+    const roles: Record<string, RoleDefinition> = {
+      pairing: {
+        members: [],
+        validation_rules: [
+          {
+            quorum: 1.0,
+            fields: validation_fields,
+            min_sig_member: 1.0,
+          },
+        ],
+        storages: [STORAGEURL]
+      },
+    };
+    try {
+      return this.createProcess(
+        privateData,
+        publicData,
+        roles
+      );
+    } catch (e) {
+      throw new Error(`Creating process failed:, ${e}`);
+    }
+  }
+
+  private isFileBlob(value: any): value is { type: string, data: Uint8Array } {
+    return (
+      typeof value === 'object' &&
+      value !== null &&
+      typeof value.type === 'string' &&
+      value.data instanceof Uint8Array
+    );
+  }
+
+  private splitData(obj: Record<string, any>) {
+    const jsonCompatibleData: Record<string, any> = {};
+    const binaryData: Record<string, { type: string; data: Uint8Array }> = {};
+
+    for (const [key, value] of Object.entries(obj)) {
+      if (this.isFileBlob(value)) {
+        binaryData[key] = value;
+      } else {
+        jsonCompatibleData[key] = value;
+      }
+    }
+
+    return { jsonCompatibleData, binaryData };
+  }
+
+  public async createProcess(
+    privateData: Record<string, any>,
+    publicData: Record<string, any>,
+    roles: Record<string, RoleDefinition>,
+  ): Promise<ApiReturn> {
+    let relayAddress = this.getAllRelays()[0]?.spAddress;
+
+    if (!relayAddress) {
+      console.log('⏳ Waiting for relays to be ready...');
+      await this.getRelayReadyPromise();
+      relayAddress = this.getAllRelays()[0]?.spAddress;
+    }
+
+    if (!relayAddress) {
+      throw new Error('❌ No relay address available after waiting');
+    }
+    
+    const feeRate = 1;
+
+    // We can't encode files as the rest because Uint8Array is not valid json
+    // So we first take them apart and we will encode them separately and put them back in the right object
+    // TODO encoding of relatively large binaries (=> 1M) is a bit long now and blocking
+    const privateSplitData = this.splitData(privateData);
+    const publicSplitData = this.splitData(publicData);
+    const encodedPrivateData = { 
+      ...this.sdkClient.encode_json(privateSplitData.jsonCompatibleData), 
+      ...this.sdkClient.encode_binary(privateSplitData.binaryData)
+    };
+    const encodedPublicData = { 
+      ...this.sdkClient.encode_json(publicSplitData.jsonCompatibleData), 
+      ...this.sdkClient.encode_binary(publicSplitData.binaryData)
+    };
+
+    // console.log('encodedPrivateData:', encodedPrivateData);
+    // console.log('encodedPublicData:', encodedPublicData);
+    // console.log('roles:', roles);
+    // console.log('members:', this.getAllMembers());
+    // console.log('relayAddress:', relayAddress, 'feeRate:', feeRate);
+
+    await this.getTokensFromFaucet();
+    const result = this.sdkClient.create_new_process (
+        encodedPrivateData, 
+        roles,
+        encodedPublicData,
+        relayAddress, 
+        feeRate,
+        this.getAllMembers()
+    );
+
+    if (result.updated_process) {
+      console.log('created process:', result.updated_process);
+      await this.checkConnections(result.updated_process.current_process);
+      return(result);
+    } else {
+      throw new Error('Empty updated_process in createProcessReturn');
+    }
+  }
+
+  public async updateProcess(process: Process, privateData: Record<string, any>, publicData: Record<string, any>, roles: Record<string, RoleDefinition> | null): Promise<ApiReturn> {
+    // If roles is null, we just take the last commited state roles
+    if (!roles) {
+      roles = this.getRoles(process);
+    } else {
+      // We should check that we have the right to change the roles here, or maybe it's better leave it to the wasm
+      console.log('Provided new roles:', JSON.stringify(roles));
+    }
+    const privateSplitData = this.splitData(privateData);
+    const publicSplitData = this.splitData(publicData);
+    const encodedPrivateData = { 
+      ...this.sdkClient.encode_json(privateSplitData.jsonCompatibleData), 
+      ...this.sdkClient.encode_binary(privateSplitData.binaryData)
+    };
+    const encodedPublicData = { 
+      ...this.sdkClient.encode_json(publicSplitData.jsonCompatibleData), 
+      ...this.sdkClient.encode_binary(publicSplitData.binaryData)
+    };
+    try {
+      const result = this.sdkClient.update_process(process, encodedPrivateData, roles, encodedPublicData, this.getAllMembers());
+      if (result.updated_process) {
+        await this.checkConnections(result.updated_process.current_process);
+        return(result);
+      } else {
+        throw new Error('Empty updated_process in updateProcessReturn');
+      }
+    } catch (e) {
+      throw new Error(`Failed to update process: ${e}`);
+    }
+  }
+
+  public async createPrdUpdate(processId: string, stateId: string): Promise<ApiReturn> {
+    const process = await this.getProcess(processId);
+    if (!process) {
+      throw new Error('Unknown process');
+    } else {
+      await this.checkConnections(process);
+    }
+    try {
+      return this.sdkClient.create_update_message(process, stateId, this.getAllMembers());
+    } catch (e) {
+      throw new Error(`Failed to create prd update: ${e}`);
+    }
+  }
+
+  public async createPrdResponse(processId: string, stateId: string): Promise<ApiReturn> {
+    const process = await this.getProcess(processId);
+    if (!process) {
+      throw new Error('Unknown process');
+    }
+    try {
+      return this.sdkClient.create_response_prd(process, stateId, this.getAllMembers());
+    } catch (e) {
+      throw new Error(`Failed to create response prd: ${e}`);
+    }
+  }
+
+  public async approveChange(processId: string, stateId: string): Promise<ApiReturn> {
+    const process = await this.getProcess(processId);
+    if (!process) {
+      throw new Error('Failed to get process from db');
+    }
+    try {
+      const result = this.sdkClient.validate_state(process, stateId, this.getAllMembers());
+      if (result.updated_process) {
+        await this.checkConnections(result.updated_process.current_process);
+        return(result);
+      } else {
+        throw new Error('Empty updated_process in approveChangeReturn');
+      }
+    } catch (e) {
+      throw new Error(`Failed to create prd response: ${e}`);
+    }
+  }
+
+  public async rejectChange(processId: string, stateId: string): Promise<ApiReturn> {
+    const process = await this.getProcess(processId);
+    if (!process) {
+      throw new Error('Failed to get process from db');
+    }
+    try {
+      return this.sdkClient.refuse_state(process, stateId);
+    } catch (e) {
+      throw new Error(`Failed to create prd response: ${e}`);
+    }
+  }
+
+  async resetDevice() {
+    this.sdkClient.reset_device();
+
+    // Clear all stores
+    const db = await Database.getInstance();
+    await db.clearStore('wallet');
+    await db.clearStore('shared_secrets');
+    await db.clearStore('unconfirmed_secrets');
+    await db.clearStore('processes');
+    await db.clearStore('diffs');
+  }
+
+  sendNewTxMessage(message: string) {
+    sendMessage('NewTx', message);
+  }
+
+  sendCommitMessage(message: string) {
+    sendMessage('Commit', message);
+  }
+
+  sendCipherMessages(ciphers: string[]) {
+    for (let i = 0; i < ciphers.length; i++) {
+      const cipher = ciphers[i];
+      sendMessage('Cipher', cipher);
+    }
+  }
+
+  sendFaucetMessage(message: string): void {
+    sendMessage('Faucet', message);
+  }
+
+  async parseCipher(message: string) {
+    const membersList = this.getAllMembers();
+    const processes = await this.getProcesses();
+    try {
+      // console.log('parsing new cipher');
+      const apiReturn = this.sdkClient.parse_cipher(message, membersList, processes);
+      await this.handleApiReturn(apiReturn);
+
+      // Device 1 wait Device 2
+      const waitingModal = document.getElementById('waiting-modal');
+      if (waitingModal) {
+        this.device2Ready = true;
+      }
+
+    } catch (e) {
+      console.error(`Parsed cipher with error: ${e}`);
+    }
+    // await this.saveCipherTxToDb(parsedTx)
+  }
+
+  async parseNewTx(newTxMsg: string) {
+    const parsedMsg: NewTxMessage = JSON.parse(newTxMsg); 
+    if (parsedMsg.error !== null) {
+      console.error('Received error in new tx message:', parsedMsg.error);
+      return;
+    }
+
+    const membersList = this.getAllMembers();
+    try {
+      // Does the transaction spend the tip of a process?
+      const prevouts = this.sdkClient.get_prevouts(parsedMsg.transaction);
+      console.log('prevouts:', prevouts);
+      for (const process of Object.values(this.processesCache)) {
+        const tip = process.states[process.states.length - 1].commited_in;
+        if (prevouts.includes(tip)) {
+          const processId = process.states[0].commited_in;
+          const newTip = this.sdkClient.get_txid(parsedMsg.transaction);
+          console.log('Transaction', newTip, 'spends the tip of process', processId);
+          // We take the data out of the output
+          const newStateId = this.sdkClient.get_opreturn(parsedMsg.transaction);
+          console.log('newStateId:', newStateId);
+          // We update the relevant process
+          const updatedProcess = this.sdkClient.process_commit_new_state(process, newStateId, newTip);
+          this.processesCache[processId] = updatedProcess;
+          console.log('updatedProcess:', updatedProcess);
+          break;
+        }
+      }
+    } catch (e) {
+      console.error('Failed to parse new tx for commitments:', e);
+    }
+
+    try {
+      const parsedTx = this.sdkClient.parse_new_tx(newTxMsg, 0, membersList);
+      if (parsedTx) {
+        try {
+          await this.handleApiReturn(parsedTx);
+          const newDevice = this.dumpDeviceFromMemory();
+          await this.saveDeviceInDatabase(newDevice);
+        } catch (e) {
+          console.error('Failed to update device with new tx');
+        }
+      }
+    } catch (e) {
+      console.debug(e);
+    }
+  }
+
+  public async handleApiReturn(apiReturn: ApiReturn) {
+    console.log(apiReturn);
+    if (apiReturn.partial_tx) {
+      try {
+        const res = this.sdkClient.sign_transaction(apiReturn.partial_tx);
+        apiReturn.new_tx_to_send = res.new_tx_to_send;
+      } catch (e) {
+        console.error('Failed to sign transaction:', e);
+      }
+    }
+
+    if (apiReturn.new_tx_to_send && apiReturn.new_tx_to_send.transaction.length != 0) {
+      this.sendNewTxMessage(JSON.stringify(apiReturn.new_tx_to_send));
+      await new Promise(r => setTimeout(r, 500));
+    }
+
+    if (apiReturn.secrets) {
+      const unconfirmedSecrets = apiReturn.secrets.unconfirmed_secrets;
+      const confirmedSecrets = apiReturn.secrets.shared_secrets;
+
+      const db = await Database.getInstance();
+      for (const secret of unconfirmedSecrets) {
+        await db.addObject({
+          storeName: 'unconfirmed_secrets',
+          object: secret,
+          key: null,
+        });
+      }
+      const entries = Object.entries(confirmedSecrets).map(([key, value]) => ({ key, value }));
+      for (const entry of entries) {
+        try {
+          await db.addObject({
+            storeName: 'shared_secrets',
+            object: entry.value,
+            key: entry.key,
+          });
+        } catch (e) {
+          throw e;
+        }
+
+        // We don't want to throw an error, it could simply be that we registered directly the shared secret
+        // this.removeUnconfirmedSecret(entry.value);
+      }
+    }
+
+    if (apiReturn.updated_process) {
+      const updatedProcess = apiReturn.updated_process;
+
+      const processId: string = updatedProcess.process_id;
+
+      if (updatedProcess.encrypted_data && Object.keys(updatedProcess.encrypted_data).length != 0) {
+        for (const [hash, cipher] of Object.entries(updatedProcess.encrypted_data)) {
+          const blob = this.hexToBlob(cipher);
+          try {
+            await this.saveBlobToDb(hash, blob);
+          } catch (e) {
+            console.error(e);
+          }
+        }
+      }
+
+      // Save process to db
+      await this.saveProcessToDb(processId, updatedProcess.current_process);
+
+      if (updatedProcess.diffs && updatedProcess.diffs.length != 0) {
+        try {
+          await this.saveDiffsToDb(updatedProcess.diffs);
+        } catch (e) {
+          console.error('Failed to save diffs to db:', e);
+        }
+      }
+    }
+
+    if (apiReturn.push_to_storage && apiReturn.push_to_storage.length != 0) {
+      for (const hash of apiReturn.push_to_storage) {
+        const blob = await this.getBlobFromDb(hash);
+        if (blob) {
+          // Get the storages from the diff data
+          const diff = await this.getDiffByValueFromDb(hash);
+          if (diff) {
+            const storages = diff.storages;
+            await this.saveDataToStorage(hash, storages, blob, null);
+          } else {
+            console.error('Failed to get diff from db for hash', hash);
+          }
+        } else {
+          console.error('Failed to get data from db for hash', hash);
+        }
+      }
+    }
+
+    if (apiReturn.commit_to_send) {
+      const commit = apiReturn.commit_to_send;
+      this.sendCommitMessage(JSON.stringify(commit));
+    }
+
+    if (apiReturn.ciphers_to_send && apiReturn.ciphers_to_send.length != 0) {
+      this.sendCipherMessages(apiReturn.ciphers_to_send);
+    }
+  }
+
+  public async openPairingConfirmationModal(processId: string) {
+    const process = await this.getProcess(processId);
+    if (!process) {
+      console.error('Failed to find pairing process');
+      return;
+    }
+    const firstState = process.states[0];
+    const roles = firstState.roles;
+    const stateId = firstState.state_id;
+    try {
+      await this.routingInstance.openPairingConfirmationModal(roles, processId, stateId);
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
+  public async waitForPairingCommitment(processId: string, maxRetries: number = 30, retryDelay: number = 2000): Promise<void> {
+    console.log(`🔍 DEBUG: waitForPairingCommitment called with processId: ${processId}`);
+    console.log(`⏳ Waiting for pairing process ${processId} to be committed and synchronized...`);
+    console.log(`🔄 This may take some time as we wait f  or SDK synchronization...`);
+
+    for (let i = 0; i < maxRetries; i++) {
+      try {
+        // Check device state directly without forcing updateDevice
+        const device = this.dumpDeviceFromMemory();
+        console.log(`🔍 Attempt ${i + 1}/${maxRetries}: pairing_process_commitment =`, device.pairing_process_commitment);
+
+        // Additional debugging: Check if we can get the pairing process ID
+        try {
+          const currentPairingId = this.sdkClient.get_pairing_process_id();
+          console.log(`🔍 Current pairing process ID from SDK: ${currentPairingId}`);
+        } catch (e) {
+          console.log(`⚠️ SDK pairing process ID not available yet: ${(e as Error).message}`);
+        }
+
+        // Try to force synchronization by requesting the process from peers
+        if (i % 3 === 0 && i > 0) {
+          try {
+            console.log(`🔄 Attempting to request process from peers...`);
+            await this.requestDataFromPeers(processId, [], []);
+            console.log(`✅ Process request sent to peers`);
+          } catch (e) {
+            console.log(`⚠️ Failed to request process from peers: ${(e as Error).message}`);
+          }
+        }
+
+        // For quorum=1, try to force process synchronization
+        if (i === 2) {
+          try {
+            console.log(`🔄 Forcing process synchronization for quorum=1 test...`);
+            // Force the SDK to recognize this as a pairing process
+            const process = await this.getProcess(processId);
+            if (process) {
+              console.log(`🔄 Process found, attempting to sync with SDK...`);
+              // Try to trigger SDK synchronization
+              await this.sdkClient.get_pairing_process_id();
+            }
+          } catch (e) {
+            console.log(`⚠️ Process synchronization attempt failed: ${(e as Error).message}`);
+          }
+        }
+
+        // Check if the process exists in our processes list
+        try {
+          const process = await this.getProcess(processId);
+          if (process) {
+            console.log(`🔍 Process exists: ${processId}, states: ${process.states?.length || 0}`);
+            const lastState = process.states?.[process.states.length - 1];
+            if (lastState) {
+              console.log(`🔍 Last state ID: ${lastState.state_id}`);
+            }
+          } else {
+            console.log(`⚠️ Process not found in local processes: ${processId}`);
+          }
+        } catch (e) {
+          console.log(`⚠️ Error checking process: ${(e as Error).message}`);
+        }
+
+        // Check WebSocket connection and handshake data
+        try {
+          console.log(`🔍 WebSocket connections: ${Object.keys(this.relayAddresses).length} relays`);
+          console.log(`🔍 Current block height: ${this.currentBlockHeight}`);
+          console.log(`🔍 Members list size: ${Object.keys(this.membersList).length}`);
+        } catch (e) {
+          console.log(`⚠️ Error checking WebSocket state: ${(e as Error).message}`);
+        }
+
+        // Check if the commitment is set and not null/empty
+        if (device.pairing_process_commitment &&
+            device.pairing_process_commitment !== null &&
+            device.pairing_process_commitment !== '') {
+          console.log('✅ Pairing process commitment found:', device.pairing_process_commitment);
+          return;
+        }
+
+        // For quorum=1 test, if we have a process but no commitment yet,
+        // try to force synchronization by calling updateDevice more frequently
+        if (i < 5) {
+          try {
+            await this.updateDevice();
+            console.log(`🔄 Forced device update on attempt ${i + 1}`);
+          } catch (e) {
+            console.log(`⚠️ Forced device update failed: ${(e as Error).message}`);
+          }
+        }
+
+        console.log(`⏳ Still waiting for SDK synchronization... (${i + 1}/${maxRetries})`);
+
+        // Only try updateDevice every 5 attempts to avoid spam
+        if (i % 5 === 0 && i > 0) {
+          try {
+            await this.updateDevice();
+            console.log(`✅ Device update successful on attempt ${i + 1}`);
+          } catch (e) {
+            console.log(`⚠️ Device update failed on attempt ${i + 1} (process may not be committed yet): ${(e as Error).message}`);
+          }
+        }
+        } catch (e) {
+          console.log(`❌ Attempt ${i + 1}/${maxRetries}: Error during synchronization - ${(e as Error).message}`);
+        }
+
+      if (i < maxRetries - 1) {
+        console.log(`⏳ Waiting ${retryDelay}ms before next attempt...`);
+        await new Promise(resolve => setTimeout(resolve, retryDelay));
+      }
+    }
+
+    throw new Error(`❌ Pairing process ${processId} was not synchronized after ${maxRetries} attempts (${maxRetries * retryDelay / 1000}s)`);
+  }
+
+  public async confirmPairing(pairingId?: string) {
+    try {
+      // Is the wasm paired?
+      console.log('confirmPairing');
+      let processId: string;
+      if (pairingId) {
+        processId = pairingId;
+        console.log('pairingId (provided):', processId);
+      } else if (this.processId) {
+        processId = this.processId;
+        console.log('pairingId (from stored processId):', processId);
+      } else {
+        // Try to get pairing process ID, with retry if it fails
+        let retries = 3;
+        while (retries > 0) {
+          try {
+            processId = this.getPairingProcessId();
+            console.log('pairingId (from SDK):', processId);
+            break;
+          } catch (e) {
+            retries--;
+            if (retries === 0) {
+              throw e;
+            }
+            console.log(`Failed to get pairing process ID, retrying... (${retries} attempts left)`);
+            await new Promise(resolve => setTimeout(resolve, 1000)); // Wait 1 second before retry
+          }
+        }
+      }
+      // TODO confirm that the pairing process id is known, commited
+      const newDevice = this.dumpDeviceFromMemory();
+      console.log('newDevice:', newDevice);
+      await this.saveDeviceInDatabase(newDevice);
+      console.log('Device saved in database');
+    } catch (e) {
+      console.error('Failed to confirm pairing');
+      return;
+    }
+  }
+
+  public async updateDevice(): Promise<void> {
+    let myPairingProcessId: string;
+    try {
+      myPairingProcessId = this.getPairingProcessId();
+    } catch (e) {
+      console.error('Failed to get pairing process id');
+      return;
+    }
+
+    const myPairingProcess = await this.getProcess(myPairingProcessId);
+    if (!myPairingProcess) {
+      console.error('Unknown pairing process');
+      return;
+    }
+    const myPairingState = this.getLastCommitedState(myPairingProcess);
+    if (myPairingState) {
+      const encodedSpAddressList = myPairingState.public_data['pairedAddresses'];
+      const spAddressList = this.decodeValue(encodedSpAddressList);
+      if (spAddressList.length === 0) {
+        console.error('Empty pairedAddresses');
+        return;
+      }
+      // We can check if our address is included and simply unpair if it's not
+      if (!spAddressList.includes(this.getDeviceAddress())) {
+        await this.unpairDevice();
+        return;
+      }
+      // We can update the device with the new addresses
+      this.sdkClient.unpair_device();
+      this.sdkClient.pair_device(myPairingProcessId, spAddressList);
+      const newDevice = this.dumpDeviceFromMemory();
+      await this.saveDeviceInDatabase(newDevice);
+    }
+  }
+
+  public pairDevice(processId: string, spAddressList: string[]): void {
+    try {
+      this.sdkClient.pair_device(processId, spAddressList);
+    } catch (e) {
+      throw new Error(`Failed to pair device: ${e}`);
+    }
+  }
+
+  public getAmount(): BigInt {
+    const amount = this.sdkClient.get_available_amount();
+    return amount;
+  }
+
+  getDeviceAddress(): string {
+    try {
+      return this.sdkClient.get_address();
+    } catch (e) {
+      throw new Error(`Failed to get device address: ${e}`);
+    }
+  }
+
+  public dumpDeviceFromMemory(): Device {
+    try {
+      return this.sdkClient.dump_device();
+    } catch (e) {
+      throw new Error(`Failed to dump device: ${e}`);
+    }
+  }
+
+  public dumpNeuteredDevice(): Device | null {
+    try {
+      return this.sdkClient.dump_neutered_device();
+    } catch (e) {
+      console.error(`Failed to dump device: ${e}`);
+      return null;
+    }
+  }
+
+  public getPairingProcessId(): string {
+    try {
+      return this.sdkClient.get_pairing_process_id();
+    } catch (e) {
+      throw new Error(`Failed to get pairing process: ${e}`);
+    }
+  }
+
+  async saveDeviceInDatabase(device: Device): Promise<void> {
+    const db = await Database.getInstance();
+    const walletStore = 'wallet';
+    try {
+      const prevDevice = await this.getDeviceFromDatabase();
+      if (prevDevice) {
+        await db.deleteObject(walletStore, "1");
+      }
+      await db.addObject({
+        storeName: walletStore,
+        object: { pre_id: '1', device },
+        key: null,
+      });
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
+  async getDeviceFromDatabase(): Promise<Device | null> {
+    const db = await Database.getInstance();
+    const walletStore = 'wallet';
+    try {
+      const dbRes = await db.getObject(walletStore, '1');
+      if (dbRes) {
+        return dbRes['device'];
+      } else {
+        return null;
+      }
+    } catch (e) {
+      throw new Error(`Failed to retrieve device from db: ${e}`);
+    }
+  }
+
+  async deleteAccount(): Promise<void> {
+    const db = await Database.getInstance();
+    try {
+      // Clear all stores
+      await db.clearStore('wallet');
+      await db.clearStore('processes');
+      await db.clearStore('shared_secrets');
+      await db.clearStore('unconfirmed_secrets');
+      await db.clearStore('diffs');
+      await db.clearStore('data');
+      await db.clearStore('labels');
+
+      // Clear localStorage
+      localStorage.clear();
+      sessionStorage.clear();
+
+      // Clear IndexedDB completely
+      await this.clearAllIndexedDB();
+
+      console.log('✅ Account completely deleted');
+    } catch (e) {
+      console.error('❌ Error deleting account:', e);
+      throw new Error(`Failed to delete account: ${e}`);
+    }
+  }
+
+  private async clearAllIndexedDB(): Promise<void> {
+    return new Promise((resolve, reject) => {
+      const deleteReq = indexedDB.deleteDatabase('4nk');
+      deleteReq.onsuccess = () => {
+        console.log('✅ IndexedDB database deleted');
+        resolve();
+      };
+      deleteReq.onerror = () => {
+        console.error('❌ Error deleting IndexedDB database');
+        reject(deleteReq.error);
+      };
+    });
+  }
+
+  async getMemberFromDevice(): Promise<string[] | null> {
+    try {
+      const device = await this.getDeviceFromDatabase();
+      if (device) {
+        const pairedMember = device['paired_member']; 
+        return pairedMember.sp_addresses;
+      } else {
+        return null;
+      }
+    } catch (e) {
+      throw new Error(`Failed to retrieve paired_member from device: ${e}`);
+    }
+  }
+
+  isChildRole(parent: any, child: any): boolean {
+    try {
+      this.sdkClient.is_child_role(JSON.stringify(parent), JSON.stringify(child));
+    } catch (e) {
+      console.error(e);
+      return false;
+    }
+
+    return true;
+  }
+
+  rolesContainsUs(roles: Record<string, RoleDefinition>): boolean {
+    let us;
+    try {
+      us = this.sdkClient.get_pairing_process_id();
+    } catch (e) {
+      throw e;
+    }
+
+    return this.rolesContainsMember(roles, us);
+  }
+
+  rolesContainsMember(roles: Record<string, RoleDefinition>, pairingProcessId: string): boolean {
+    for (const roleDef of Object.values(roles)) {
+      if (roleDef.members.includes(pairingProcessId)) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  async dumpWallet() {
+    const wallet = await this.sdkClient.dump_wallet();
+    return wallet;
+  }
+
+  public createFaucetMessage() {
+    const message = this.sdkClient.create_faucet_msg();
+    return message;
+  }
+
+  async createNewDevice() {
+    let spAddress = '';
+    try {
+      // We set birthday later when we have the chain tip from relay
+      spAddress = await this.sdkClient.create_new_device(0, 'signet');
+      const device = this.dumpDeviceFromMemory();
+      await this.saveDeviceInDatabase(device);
+    } catch (e) {
+      console.error('Services ~ Error:', e);
+    }
+
+    return spAddress;
+  }
+
+  public restoreDevice(device: Device) {
+    try {
+      this.sdkClient.restore_device(device);
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
+  public async updateDeviceBlockHeight(): Promise<void> {
+    if (this.currentBlockHeight === -1) {
+      throw new Error('Current block height not set');
+    }
+
+    let device: Device | null = null;
+    try {
+      device = await this.getDeviceFromDatabase();
+    } catch (e) {
+      throw new Error(`Failed to get device from database: ${e}`);
+    }
+
+    if (!device) {
+      throw new Error('Device not found');
+    }
+
+    const birthday = device.sp_wallet.birthday;
+    if (birthday === undefined || birthday === null) {
+      throw new Error('Birthday not found');
+    }
+
+    if (birthday === 0) {
+      // This is a new device, so current chain tip is its birthday
+      device.sp_wallet.birthday = this.currentBlockHeight;
+      // We also set last_scan, impossible that we need to scan earlier than this
+      device.sp_wallet.last_scan = this.currentBlockHeight;
+      try {
+        // First set the updated device in memory
+        this.sdkClient.restore_device(device);
+        // Then save it to database
+        await this.saveDeviceInDatabase(device);
+      } catch (e) {
+        throw new Error(`Failed to save updated device: ${e}`);
+      }
+    } else {
+      // This is existing device, we need to catch up if last_scan is lagging behind chain_tip
+      if (device.sp_wallet.last_scan < this.currentBlockHeight) {
+        // We need to catch up
+        try {
+          await this.sdkClient.scan_blocks(this.currentBlockHeight, BLINDBITURL);
+        } catch (e) {
+          console.error(`Failed to scan blocks: ${e}`);
+          return;
+        }
+
+        // If everything went well, we can update our storage
+        try {
+          const device = this.dumpDeviceFromMemory();
+          await this.saveDeviceInDatabase(device);
+        } catch (e) {
+          console.error(`Failed to save updated device: ${e}`);
+        }
+      } else {
+        // Up to date, just returns
+        return;
+      }
+    }
+  }
+
+  private async removeProcess(processId: string): Promise<void> {
+    const db = await Database.getInstance();
+    const storeName = 'processes';
+
+    try {
+      await db.deleteObject(storeName, processId);
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
+  public async batchSaveProcessesToDb(processes: Record<string, Process>) {
+    if (Object.keys(processes).length === 0) {
+      return;
+    }
+
+    const db = await Database.getInstance();
+    const storeName = 'processes';
+    try {
+      await db.batchWriting({ storeName, objects: Object.entries(processes).map(([key, value]) => ({ key, object: value })) });
+      this.processesCache = { ...this.processesCache, ...processes };
+    } catch (e) {
+      throw e;
+    }
+  }
+
+  public async saveProcessToDb(processId: string, process: Process) {
+    const db = await Database.getInstance();
+    const storeName = 'processes';
+    try {
+      await db.addObject({
+        storeName,
+        object: process,
+        key: processId,
+      });
+
+      // Update the process in the cache
+      this.processesCache[processId] = process;
+    } catch (e) {
+      console.error(`Failed to save process ${processId}: ${e}`);
+    }
+  }
+
+  public async saveBlobToDb(hash: string, data: Blob) {
+    const db = await Database.getInstance();
+    try {
+      await db.addObject({
+        storeName: 'data',
+        object: data,
+        key: hash,
+      });
+    } catch (e) {
+      console.error(`Failed to save data to db: ${e}`);
+    }
+  } 
+
+  public async getBlobFromDb(hash: string): Promise<Blob | null> {
+    const db = await Database.getInstance();
+    try {
+      return await db.getObject('data', hash);
+    } catch (e) {
+      return null;
+    }
+  }
+
+  public async saveDataToStorage(hash: string, storages: string[], data: Blob, ttl: number | null) {
+    try {
+      await storeData(storages, hash, data, ttl);
+    } catch (e) {
+      console.error(`Failed to store data with hash ${hash}: ${e}`);
+    }
+  }
+
+  public async fetchValueFromStorage(hash: string): Promise<ArrayBuffer | null> {
+    const storages = [STORAGEURL];
+
+    return await retrieveData(storages, hash);
+  }
+
+  public async getDiffByValueFromDb(hash: string): Promise<UserDiff | null> {
+    const db = await Database.getInstance();
+    const diff = await db.getObject('diffs', hash);
+    return diff;
+  }
+
+  public async saveDiffsToDb(diffs: UserDiff[]) {
+    const db = await Database.getInstance();
+    try {
+      for (const diff of diffs) {
+        await db.addObject({
+          storeName: 'diffs',
+          object: diff,
+          key: null,
+        });
+      }
+    } catch (e) {
+      throw new Error(`Failed to save process: ${e}`);
+    }
+  }
+
+  public async getProcess(processId: string): Promise<Process | null> {
+    if (this.processesCache[processId]) {
+      return this.processesCache[processId];
+    } else {
+      const db = await Database.getInstance();
+      const process = await db.getObject('processes', processId);
+      return process;
+    }
+  }
+
+  public async getProcesses(): Promise<Record<string, Process>> {
+    if (Object.keys(this.processesCache).length > 0) {
+      return this.processesCache;
+    } else {
+      try {
+        const db = await Database.getInstance();
+        this.processesCache = await db.dumpStore('processes');
+        return this.processesCache;
+      } catch (e) {
+        throw e;
+      }
+    }
+  }
+
+  public async restoreProcessesFromBackUp(processes: Record<string, Process>) {
+    const db = await Database.getInstance();
+    const storeName = 'processes';
+    try {
+      await db.batchWriting({ storeName, objects: Object.entries(processes).map(([key, value]) => ({ key, object: value })) });
+    } catch (e) {
+      throw e;
+    }
+
+    await this.restoreProcessesFromDB();
+  }
+
+  // Restore processes cache from persistent storage
+  public async restoreProcessesFromDB() {
+    const db = await Database.getInstance();
+    try {
+      const processes: Record<string, Process> = await db.dumpStore('processes');
+      if (processes && Object.keys(processes).length != 0) {
+        console.log(`Restoring ${Object.keys(processes).length} processes`);
+        this.processesCache = processes;
+      } else {
+        console.log('No processes to restore!');
+      }
+    } catch (e) {
+      throw e;
+    }
+  }
+
+  public async clearSecretsFromDB() {
+    const db = await Database.getInstance();
+    try {
+      await db.clearStore('shared_secrets');
+      await db.clearStore('unconfirmed_secrets');
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
+  public async restoreSecretsFromBackUp(secretsStore: SecretsStore) {
+    const db = await Database.getInstance();
+
+    for (const secret of secretsStore.unconfirmed_secrets) {
+      await db.addObject({
+        storeName: 'unconfirmed_secrets',
+        object: secret,
+        key: null,
+      });
+    }
+    const entries = Object.entries(secretsStore.shared_secrets).map(([key, value]) => ({ key, value }));
+    for (const entry of entries) {
+      await db.addObject({
+        storeName: 'shared_secrets',
+        object: entry.value,
+        key: entry.key,
+      });
+    }
+
+    // Now we can transfer them to memory 
+    await this.restoreSecretsFromDB();
+  }
+
+  public async restoreSecretsFromDB() {
+    const db = await Database.getInstance();
+    try {
+      const sharedSecrets: Record<string, string> = await db.dumpStore('shared_secrets');
+      const unconfirmedSecrets = await db.dumpStore('unconfirmed_secrets');
+      const secretsStore = {
+        shared_secrets: sharedSecrets,
+        unconfirmed_secrets: Object.values(unconfirmedSecrets),
+      };
+      this.sdkClient.set_shared_secrets(JSON.stringify(secretsStore));
+    } catch (e) {
+      throw e;
+    }
+  }
+
+  decodeValue(value: number[]): any | null {
+    try {
+      return this.sdkClient.decode_value(value);
+    } catch (e) {
+      console.error(`Failed to decode value: ${e}`);
+      return null;
+    }
+  }
+
+  async decryptAttribute(processId: string, state: ProcessState, attribute: string): Promise<any | null> {
+    console.log(`[decryptAttribute] Starting decryption for attribute: ${attribute}, processId: ${processId}`);
+    let hash = state.pcd_commitment[attribute];
+    if (!hash) {
+      console.log(`[decryptAttribute] No hash found for attribute: ${attribute}`);
+      return null;
+    }
+    let key = state.keys[attribute];
+    console.log(`[decryptAttribute] Initial key state for ${attribute}:`, key ? 'present' : 'missing');
+    const pairingProcessId = this.getPairingProcessId();
+
+    // If key is missing, request an update and then retry
+    if (!key) {
+      const roles = state.roles;
+      let hasAccess = false;
+      // If we're not supposed to have access to this attribute, ignore 
+      for (const role of Object.values(roles)) {
+        for (const rule of Object.values(role.validation_rules)) {
+          if (rule.fields.includes(attribute)) {
+            if (role.members.includes(pairingProcessId)) {
+              // We have access to this attribute
+              hasAccess = true;
+              break;
+            }
+          }
+        }
+      }
+
+      if (!hasAccess) {
+        console.log(`[decryptAttribute] No access rights for attribute: ${attribute}`);
+        return null;
+      }
+
+      console.log(`[decryptAttribute] Requesting key update for attribute: ${attribute}`);
+      await this.checkConnections((await this.getProcess(processId))!);
+      // We should have the key, so we're going to ask other members for it
+      await this.requestDataFromPeers(processId, [state.state_id], [state.roles]);
+
+      const maxRetries = 5;
+      const retryDelay = 500; // delay in milliseconds
+      let retries = 0;
+      
+      while ((!hash || !key) && retries < maxRetries) {
+        console.log(`[decryptAttribute] Retry ${retries + 1}/${maxRetries} for attribute: ${attribute}`);
+        await new Promise(resolve => setTimeout(resolve, retryDelay));
+        // Re-read hash and key after waiting
+        hash = state.pcd_commitment[attribute];
+        key = state.keys[attribute];
+        retries++;
+        console.log(`[decryptAttribute] After retry ${retries}: hash=${!!hash}, key=${!!key}`);
+      }
+    }
+
+    if (hash && key) {
+      console.log(`[decryptAttribute] Starting decryption process with hash: ${hash.substring(0, 8)}...`);
+      const blob = await this.getBlobFromDb(hash);
+      if (blob) {
+        console.log(`[decryptAttribute] Blob retrieved successfully for ${attribute}`);
+        // Decrypt the data
+        const buf = await blob.arrayBuffer();
+        const cipher = new Uint8Array(buf);
+
+        const keyUIntArray = this.hexToUInt8Array(key);
+
+        try {
+          const clear = this.sdkClient.decrypt_data(keyUIntArray, cipher);
+          if (clear) {
+            // deserialize the result to get the actual data
+            const decoded = this.sdkClient.decode_value(clear);
+            return decoded;
+          } else {
+            throw new Error('decrypt_data returned null');
+          }
+        } catch (e) {
+          console.error(`[decryptAttribute] Failed to decrypt data for ${attribute}:`, e);
+        }
+      }
+    }
+    
+    return null;
+  }
+
+  getNotifications(): any[] | null {
+    // return [
+    //   {
+    //     id: 1,
+    //     title: 'Notif 1',
+    //     description: 'A normal notification',
+    //     sendToNotificationPage: false,
+    //     path: '/notif1',
+    //   },
+    //   {
+    //     id: 2,
+    //     title: 'Notif 2',
+    //     description: 'A normal notification',
+    //     sendToNotificationPage: false,
+    //     path: '/notif2',
+    //   },
+    //   {
+    //     id: 3,
+    //     title: 'Notif 3',
+    //     description: 'A normal notification',
+    //     sendToNotificationPage: false,
+    //     path: '/notif3',
+    //   },
+    // ];
+    return this.notifications;
+  }
+
+  setNotifications(notifications: any[]) {
+    this.notifications = notifications;
+  }
+
+  async importJSON(backup: BackUp): Promise<void> {
+    const device = backup.device;
+
+    // Reset current device
+    await this.resetDevice();
+
+    await this.saveDeviceInDatabase(device);
+    
+    this.restoreDevice(device);
+
+    // TODO restore secrets and processes from file
+    const secretsStore = backup.secrets;
+    await this.restoreSecretsFromBackUp(secretsStore);
+
+    const processes = backup.processes;
+    await this.restoreProcessesFromBackUp(processes);
+  }
+
+  public async createBackUp(): Promise<BackUp | null> {
+    // Get the device from indexedDB
+    const device = await this.getDeviceFromDatabase();
+    if (!device) {
+      console.error('No device loaded');
+      return null;
+    }
+
+    // Get the processes
+    const processes = await this.getProcesses();
+
+    // Get the shared secrets
+    const secrets = await this.getAllSecrets();
+
+    // Create a backup object
+    const backUp = {
+      device: device,
+      secrets: secrets,
+      processes: processes,
+    };
+
+    return backUp;
+  }
+
+  // Device 1 wait Device 2
+  public device1: boolean = false;
+  public device2Ready: boolean = false;
+
+  public resetState() {
+    this.device1 = false;
+    this.device2Ready = false;
+  }
+
+
+  // Handle the handshake message
+  public async handleHandshakeMsg(url: string, parsedMsg: any) {
+    try {
+      const handshakeMsg: HandshakeMessage = JSON.parse(parsedMsg);
+      if (handshakeMsg.sp_address) {
+        this.updateRelay(url, handshakeMsg.sp_address);
+        this.relayAddresses[url] = handshakeMsg.sp_address;
+        this.resolveRelayReady();
+      }
+      
+      console.log('handshakeMsg:', handshakeMsg);
+      this.currentBlockHeight = handshakeMsg.chain_tip;
+      console.log('this.currentBlockHeight:', this.currentBlockHeight);
+      this.updateDeviceBlockHeight();
+      if (this.membersList && Object.keys(this.membersList).length === 0) {
+        // We start from an empty list, just copy it over
+        this.membersList = handshakeMsg.peers_list;
+      } else {
+        // We are incrementing our list
+        for (const [processId, member] of Object.entries(handshakeMsg.peers_list)) {
+          this.membersList[processId] = member as Member;
+        }
+      }
+
+      setTimeout(async () => {
+        const newProcesses: OutPointProcessMap = handshakeMsg.processes_list;
+        if (!newProcesses || Object.keys(newProcesses).length === 0) {
+          console.debug('Received empty processes list from', url);
+          return;
+        }
+
+        if (this.processesCache && Object.keys(this.processesCache).length === 0) {
+          // We restored db but cache is empty, meaning we're starting from scratch
+          try {
+            await this.batchSaveProcessesToDb(newProcesses);
+          } catch (e) {
+            console.error('Failed to save processes to db:', e);
+          }
+        } else {
+          // We need to update our processes with what relay provides
+          const toSave: Record<string, Process> = {};
+          for (const [processId, process] of Object.entries(newProcesses)) {
+            const existing = await this.getProcess(processId);
+            if (existing) {
+              // Look for state id we don't know yet
+              let newStates: string[] = [];
+              let newRoles: Record<string, RoleDefinition>[] = [];
+              for (const state of process.states) {
+                if (!state || !state.state_id) { continue; } // shouldn't happen
+                if (state.state_id === EMPTY32BYTES) {
+                  // We check that the tip is the same we have, if not we update
+                  const existingTip = existing.states[existing.states.length - 1].commited_in;
+                  if (existingTip !== state.commited_in) {
+                    console.log('Found new tip for process', processId);
+                    existing.states.pop(); // We discard the last state
+                    existing.states.push(state);
+                    // We know that's the last state, so we just trigger the update
+                    toSave[processId] = existing;
+                  }
+                } else if (!this.lookForStateId(existing, state.state_id)) {
+                  // We don't want to overwrite what we already have for existing processes
+                  // We may end up overwriting the keys for example
+                  // So the process we're going to save needs to merge new states with what we already have
+                  const existingLastState = existing.states.pop();
+                  if (!existingLastState) {
+                    // This should never happen
+                    console.error('Failed to get last state for process', processId);
+                    break;
+                  }
+                  existing.states.push(state);
+                  existing.states.push(existingLastState);
+                  toSave[processId] = existing; // We mark it for update
+                  if (this.rolesContainsUs(state.roles)) {
+                    newStates.push(state.state_id);
+                    newRoles.push(state.roles);
+                  }
+                } else {
+                  // We already have the state, but we check if we have the keys
+                  const existingState = this.getStateFromId(existing, state.state_id);
+                  if (existingState!.keys && Object.keys(existingState!.keys).length != 0) {
+                    // We have some keys, so we just assume everything ok and move on for now
+                    continue;
+                  } else {
+                    // We verify we are part of the roles
+                    const roles = state.roles;
+                    if (this.rolesContainsUs(roles)) {
+                      // We don't have keys, but we are part of the roles, so we need to request the keys
+                      // that may also be because we are part of a role that don't have any fields
+                      // It's possible but let's request for nothing anyway
+                      newStates.push(state.state_id);
+                      newRoles.push(roles);
+                    } else {
+                      // We are simply not involved, move on
+                      continue;
+                    }
+                  }
+                }
+              }
+
+              if (newStates.length != 0) {
+                await this.checkConnections(existing);
+                await this.requestDataFromPeers(processId, newStates, newRoles);
+              }
+              // Otherwise we're probably just in the initial loading at page initialization
+            } else {
+              // We add it to db
+              toSave[processId] = process;
+            }
+          }
+
+          if (toSave && Object.keys(toSave).length > 0) {
+            console.log('batch saving processes to db', toSave);
+            await this.batchSaveProcessesToDb(toSave);
+          }
+        }
+      }, 500)
+    } catch (e) {
+      console.error('Failed to parse init message:', e);
+    }
+  }
+
+  private lookForStateId(process: Process, stateId: string): boolean {
+    for (const state of process.states) {
+      if (state.state_id === stateId) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  /**
+   * Waits for at least one handshake message to be received from any connected relay.
+   * This ensures that the relay addresses are fully populated and the member list is updated.
+   * @returns A promise that resolves when at least one handshake message is received.
+   */
+  private async waitForHandshakeMessage(timeoutMs: number = 3000): Promise<void> {
+    const startTime = Date.now();
+    const pollInterval = 100; // Check every 100ms
+    
+    return new Promise<void>((resolve, reject) => {
+      const checkForHandshake = () => {
+        // Check if we have any members or any relays (indicating handshake was received)
+        if (Object.keys(this.membersList).length > 0 || Object.keys(this.relayAddresses).length > 0) {
+          console.log('Handshake message received (members or relays present)');
+          resolve();
+          return;
+        }
+        
+        // Check timeout
+        if (Date.now() - startTime >= timeoutMs) {
+          reject(new Error(`No handshake message received after ${timeoutMs}ms timeout`));
+          return;
+        }
+        
+        // Continue polling
+        setTimeout(checkForHandshake, pollInterval);
+      };
+      
+      checkForHandshake();
+    });
+  }
+
+  /**
+   * Retourne la liste de tous les membres ordonnés par leur process id
+   * @returns Un tableau contenant tous les membres
+   */
+  public getAllMembersSorted(): Record<string, Member> {
+    return Object.fromEntries(
+        Object.entries(this.membersList).sort(([keyA], [keyB]) => keyA.localeCompare(keyB))
+    );
+  }
+
+  public getAllMembers(): Record<string, Member> {
+    return this.membersList;
+  }
+
+  public getAddressesForMemberId(memberId: string): string[] | null {
+    try {
+      return this.membersList[memberId].sp_addresses;
+    } catch (e) {
+      return null;
+    }
+  }
+
+  public compareMembers(memberA: string[], memberB: string[]): boolean {
+    if (!memberA || !memberB) { return false }
+    if (memberA.length !== memberB.length) { return false }
+
+    const res = memberA.every(item => memberB.includes(item)) && memberB.every(item => memberA.includes(item));
+
+    return res;
+  }
+
+  public async handleCommitError(response: string) {
+    const content = JSON.parse(response);
+    const error = content.error;
+    const errorMsg = error['GenericError'];
+    const dontRetry = [
+      'State is identical to the previous state',
+      'Not enough valid proofs',
+      'Not enough members to validate',
+    ];
+    if (dontRetry.includes(errorMsg)) { return; }
+    // Wait and retry
+    setTimeout(async () => {
+      this.sendCommitMessage(JSON.stringify(content));
+    }, 1000)
+  }
+  
+  public getRoles(process: Process): Record<string, RoleDefinition> | null {
+    const lastCommitedState = this.getLastCommitedState(process);
+    if (lastCommitedState && lastCommitedState.roles && Object.keys(lastCommitedState.roles).length != 0) {
+      return lastCommitedState!.roles;
+    } else if (process.states.length === 2) {
+      const firstState = process.states[0];
+      if (firstState && firstState.roles && Object.keys(firstState.roles).length != 0) {
+        return firstState!.roles;
+      }
+    }
+    return null;
+  }
+
+  public getPublicData(process: Process): Record<string, any> | null {
+    const lastCommitedState = this.getLastCommitedState(process);
+    if (lastCommitedState && lastCommitedState.public_data && Object.keys(lastCommitedState.public_data).length != 0) {
+      return lastCommitedState!.public_data;
+    } else if (process.states.length === 2) {
+      const firstState = process.states[0];
+      if (firstState && firstState.public_data && Object.keys(firstState.public_data).length != 0) {
+        return firstState!.public_data;
+      }
+    }
+    return null;
+  }
+
+  public getProcessName(process: Process): string | null {
+    const lastCommitedState = this.getLastCommitedState(process);
+    if (lastCommitedState && lastCommitedState.public_data) {
+      const processName = lastCommitedState!.public_data['processName'];
+      if (processName) { return this.decodeValue(processName) }
+      else { return null }
+    } else {
+      return null;
+    }
+  }
+
+  public async getMyProcesses(): Promise<string[] | null> {
+    // If we're not paired yet, just skip it
+    let pairingProcessId = null;
+    try {
+      pairingProcessId = this.getPairingProcessId();
+    } catch (e) {
+      return null;
+    }
+    if (!pairingProcessId) {
+      return null;
+    }
+
+    try {
+      const processes = await this.getProcesses();
+
+      const newMyProcesses = new Set<string>(this.myProcesses || []);
+      // MyProcesses automatically contains pairing process
+      newMyProcesses.add(pairingProcessId);
+      for (const [processId, process] of Object.entries(processes)) {
+        // We use myProcesses attribute to not reevaluate all processes everytime
+        if (newMyProcesses.has(processId)) {
+          continue;
+        }
+        try {
+          const roles = this.getRoles(process);
+
+          if (roles && this.rolesContainsUs(roles)) {
+            newMyProcesses.add(processId);
+          }
+        } catch (e) {
+          console.error(e);
+        }
+      }
+      this.myProcesses = newMyProcesses; // atomic update
+      return Array.from(this.myProcesses);
+    } catch (e) {
+      console.error("Failed to get processes:", e);
+      return null;
+    }
+  }
+
+  public async requestDataFromPeers(processId: string, stateIds: string[], roles: Record<string, RoleDefinition>[]) {
+    console.log('Requesting data from peers');
+    const membersList = this.getAllMembers();
+    try {
+      const res = this.sdkClient.request_data(processId, stateIds, roles, membersList);
+      await this.handleApiReturn(res);
+    } catch (e) {
+      console.error(e);
+    }
+  }
+
+  public hexToBlob(hexString: string): Blob {
+    const uint8Array = this.hexToUInt8Array(hexString);
+
+    return new Blob([uint8Array], { type: "application/octet-stream" });
+  }
+
+  public hexToUInt8Array(hexString: string): Uint8Array {
+    if (hexString.length % 2 !== 0) {
+      throw new Error("Invalid hex string: length must be even");
+    }
+    const uint8Array = new Uint8Array(hexString.length / 2);
+    for (let i = 0; i < hexString.length; i += 2) {
+      uint8Array[i / 2] = parseInt(hexString.substr(i, 2), 16);
+    }
+
+    return uint8Array;
+  }
+
+  public async blobToHex(blob: Blob): Promise<string> {
+    const buffer = await blob.arrayBuffer();
+    const bytes = new Uint8Array(buffer);
+    return Array.from(bytes)
+      .map(byte => byte.toString(16).padStart(2, '0'))
+      .join('');
+  }
+
+  public getHashForFile(commitedIn: string, label: string, fileBlob: { type: string; data: Uint8Array }): string {
+    return this.sdkClient.hash_value(fileBlob, commitedIn, label);
+  }
+
+  public getMerkleProofForFile(processState: ProcessState, attributeName: string): MerkleProofResult {
+    return this.sdkClient.get_merkle_proof(processState, attributeName);
+  }
+
+  public validateMerkleProof(proof: MerkleProofResult, hash: string): boolean {
+    try {
+      return this.sdkClient.validate_merkle_proof(proof, hash);
+    } catch (e) {
+      throw new Error(`Failed to validate merkle proof: ${e}`);
+    }
+  }
+
+  public getLastCommitedState(process: Process): ProcessState | null {
+    if (process.states.length === 0) return null;
+    const processTip = process.states[process.states.length - 1].commited_in;
+    const lastCommitedState = process.states.findLast(state => state.commited_in !== processTip);
+    if (lastCommitedState) {
+      return lastCommitedState;
+    } else {
+      return null;
+    }
+  }
+
+  public getLastCommitedStateIndex(process: Process): number | null {
+    if (process.states.length === 0) return null;
+    const processTip = process.states[process.states.length - 1].commited_in;
+    for (let i = process.states.length - 1; i >= 0; i--) {
+      if (process.states[i].commited_in !== processTip) {
+        return i;
+      }
+    }
+    return null;
+  }
+
+  public getUncommitedStates(process: Process): ProcessState[] {
+    if (process.states.length === 0) return [];
+    const processTip = process.states[process.states.length - 1].commited_in;
+    const res = process.states.filter(state => state.commited_in === processTip);
+    return res.filter(state => state.state_id !== EMPTY32BYTES);
+  }
+
+  public getStateFromId(process: Process, stateId: string): ProcessState | null {
+    if (process.states.length === 0) return null;
+    const state = process.states.find(state => state.state_id === stateId);
+    if (state) {
+      return state;
+    } else {
+      return null;
+    }
+  }
+
+  public getNextStateAfterId(process: Process, stateId: string): ProcessState | null {
+    if (process.states.length === 0) return null;
+
+    const index = process.states.findIndex(state => state.state_id === stateId);
+
+    if (index !== -1 && index < process.states.length - 1) {
+      return process.states[index + 1];
+    }
+
+    return null; 
+  }
+
+  public isPairingProcess(roles: Record<string, RoleDefinition>): boolean {
+    if (Object.keys(roles).length != 1) { return false }
+    const pairingRole = roles['pairing'];
+    if (pairingRole) {
+      // For now that's enough, we should probably test more things
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  public async updateMemberPublicName(process: Process, newName: string): Promise<ApiReturn> {
+    const publicData = {
+      'memberPublicName': newName
+    };
+
+    return await this.updateProcess(process, {}, publicData, null);
+  }
+}